zoukankan      html  css  js  c++  java
  • 《Web站点优化》读书笔记

     

    第一章 搜索引擎自然排名优化

    1,有很多免费的关键字研究工具。如Wordtracker等。

    2Windows用户可以使用IIS重定向,这对于搜索引擎来说是透明的。

    第二章 搜索引擎优化案例学习

    1Lynx浏览器:它是一款免费开源的文本模式浏览器,它查看网页的方式与搜索引擎爬虫相同。即它只看页面的文字部分。

    第三章 点击付费优化

    第四章 PPC案例分析:BodyGlove.com

    第五章 转换率优化

    第六章 网页优化

    1,人们会在瞬间决定网页的审美效果以及由此产生的页面可靠性。在仅有的1/20秒内,用户就会对你的网页形成第一印象,并且不会随时间发生显著改变。

    2,加快网页速度的10种办法

           尽量减少HTTP请求

            将图形化文本转换为样式化文本

            合并图像

            合并优化cssjavascript文件

            尽量少用框架和javascript包含

           调整图片大小并优化

        优化多媒体

        JavaScript转换成CSS

           使用服务器端探测

           优化Javascript获得更快的执行速度和更小的文件体积

            借助JavaScript分析器来定位性能瓶颈

    MozillaVenkman JavaScript调试器

           把表布局转换为CSS布局

            使用BrowserCam快速测试多浏览器上的CSS布局效果

           CSS规则替代内联样式

        最小化初始显示时间

            通过快速加载网页上更有用的部分来提高网页的显示速度。

        理智地加载Javascript

    3CSS置顶,JavaScript置底

    4,使用CSS精灵。CSS精灵是由多幅图像按网格状拼成的合成图像,它可以作为多个类的CSS背景图片,而每个类通过背景定位各自显示其中某些子图。CSS精灵节省了HTTP请求,但是必须小心使用以保证可访问性。

    5,《High Performance Web sites(O’Reilly)一书中高性能网站的窍门:

           用更少的HTTP请求减少对象开销

           使用内容发布网络(CDN

           添加Expires头部信息   

           Gzip/压缩文本部件

           把样式表放在网页头的顶部

           把脚本放到网页主体的底部

           避免使用计算密集且频繁的CSS表达式

           JavascriptCSS保存为外部文件

           将同一页面中的域名划分为24个,这样可以减少DNS查询从而减少DNS延迟。

           精简Javascript

           不要使用降低性能的重定向。更好的方法是使用CHAME或别名

           删除重复脚本,减少IE里多余的HTTP请求

           为多服务器的站点配置EtagApache中设置FileETagnone就可以避免不当的缓存校验。

           编写可缓存且小巧的Ajax,避免不必要的HTTP请求。

    第七章 CSS优化

    1CSS优化的十大技巧

           用类型选择器代替内联样式,从而定位相同元素的多个实例

           使用后台选择器,而不要使用内联类

           将存在相同声明的选择器归组

           将相同选择器的不同声明归组

        将相同样式合并为共享类

        利用继承来消除重复声明

        使用CSS缩写来简化规则和颜色的定义

           缩写较长的类名和ID

        使用CSS2CSS3.x技术

        CSS技术来代替JavaScript动作

    第八章 Ajax优化

    1XMLHttpRequest对象

    2,安全的JavaScript压缩工具

           许多基于Rhino JavaScript引擎的工具,在安全压缩方面做得不错,例如:YUICompressorhttp://www.julienlecomte.net/yuicompressor/)和Dojo ShrinkSafehttp://www.dojotoolkit.com/docs/shrinksafe)。有些开源工具,例如Dean EdwardsPackerhttp://dean.edwards.name/packer/)和一些商业工具,例如w3compilerhttp://w3compiler.com),具有更激进的优化特性。

    第九章 高级Web性能优化

    1,服务器端优化技术

           优化并行下载

                  选择多个域名来提高下载的并行度

           缓存频繁使用的对象

           使用HTTP压缩

           使用delta编码

        mod_rewrite重写URI

    2,客户端的性能技术

           延缓脚本加载

        JavaScript优化和打包

        用数据URI内联图片

    第十章 网站优化指标

    1,可以度量的,就可以管理

    2,数据胜于直觉

    3,常见的分析技术有两种:网络服务器日志分析和JavaScript页面标签。

           日志分析工具:Webalizerhttp://www.mrunix.net/webalizer/

                                 AWStatshttp://awstats.sourceforge.net/

                                 Analoghttp://www.analog.cx/

        JavaScript页面标签工具:Google Website Optimizer,可以进行多变量测试,即可以对页面某部分进行流量跟踪和分析。

           混合分析工具:UsaProxy,可以同时追踪客户端交互和HTTP活动。

           用户体验测试工具:Keynote SystemWebEffectie软件,根据该软件提供的报告,可以得知成功率、浏览时间、访问页面、停留和加载时间、以及其他指标。

    4,搜索市场完全就是策略。要考虑行动、进行试验、度量、做出决策、测试、然后回过头来,反复地进行试验,直到你找到了适合自己网站的方式。

    5,网站性能指标

           指标分为三类。

           速度清单:缓存静态对象

                          合并JavaScript/CSS文件

                          使用内容分发网络(CDN

                        Gzip

                          压缩图片

                          保持活动或者持续连接

                          Cookies

                          精简JavaScript/CSS

           请求统计:接收的千字节

                          发送的千字节

                          请求数量

                          Socket连接

                          域名系统(DNS)查找

                          未修改(304

                          重定向(301/302

                          找不到页面(404

                          (这一系列指标越高,加载时间就可能越长,应试图降低这些指标)

           加载时间:TTFB,从用户请求HTML文档开始,直到服务器处理了该请求并开始下载内容

                          开始生成,屏幕开始绘制的时刻。在到达该时刻之前,页面呈现给用户的是空白页

                          文档完成或“Web 1.0”时刻,当htmlcss调用的所有图片和脚本都下载完成时,触发该事件

                          完全加载Fully Loaoled或“Web 2..0”时刻

    6,刷新DNS

           Windows XP下:选择开始à运行。输入ipconfig/flushdns,然后点击确定即可。

    7,模拟连接速度工具:Charleshttp://www.charlesproxy.com/

    8http请求过程:当访问新的域名时,会发生DNS查找,来获取该域名对应的IP。然后操作系统会在用户的本地缓存中将它们储存30分钟。减少这种查找很重要,因为其用时具有差异。

           在获得IP后,浏览器打开与服务器的socket连接。假设可以使用持续连接(保持活动),那么在任何时刻都有两个同时的socket连接保持开放。如果不能使用持续连接,浏览器就会为每个请求打开一个socket连接。

           一旦socket被打开(或重用),浏览器向网络服务器发送另一个请求。最后服务器根据浏览器的请求作出内容响应。

    9,开始绘制页面,在页面显示之前(即开始绘制之前?),必须下载由html元素<head>所调用的所有元素。

    10,前端性能测试工具:IBM Page DetailerFireBugAOL PagetestYSlowhttpwatch等。

  • 相关阅读:
    hdu 5007 水题 (2014西安网赛A题)
    hdu 1698 线段树(成段替换 区间求和)
    poj 3468 线段树 成段增减 区间求和
    hdu 2795 公告板 (单点最值)
    UVaLive 6833 Miscalculation (表达式计算)
    UVaLive 6832 Bit String Reordering (模拟)
    CodeForces 124C Prime Permutation (数论+贪心)
    SPOJ BALNUM (数位DP)
    CodeForces 628D Magic Numbers (数位DP)
    POJ 3252 Round Numbers (数位DP)
  • 原文地址:https://www.cnblogs.com/sutengcn/p/1788653.html
Copyright © 2011-2022 走看看