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等。

  • 相关阅读:
    Vue 目录
    【SVN】彻底 svn 服务器上的 删除某一个文件或文件夹
    【Linux】安装 PostgreSQL
    【Linux】安装 node.js
    在vue中使用echarts图表
    Grunt搭建自动化web前端开发环境--完整流程
    JavaScript 开发规范
    React设计思想
    js闭包的理解
    pytharm安装第三方库
  • 原文地址:https://www.cnblogs.com/sutengcn/p/1788653.html
Copyright © 2011-2022 走看看