提拔网站页面速率的14条最好实践(一)

一向忙于事情,近来这段时刻终究可以静下心来细读一些与事情相干的书本。本篇文章是《高机能网站建立指南》一书的梳理。
愿望本身收成的同时,也能给对这块学问感兴趣的童鞋授与入门指点。
关于《高机能网站建立指南》的梳理共有两部份内容,本篇为第一部份。第二部份见提拔网站页面速率的14条最好实践(二)。
《高机能网站建立指南》一书共列举了14条提拔网站速率的要领,本篇就前7种举行总结。

一、削减http请求

1.图片舆图
2.CSS Sprites
3.内联图片
4.兼并剧本和款式表

二、运用内容宣布收集

内容宣布收集(CDN)是一组散布在差别地理位置的web服务器,用于越发有效地像用户宣布内容。即应用就近准绳,相应发送给用户须要的数据,进而收缩相应时刻,来进步网站机能。

三、增加Expires头

浏览器(和代办)运用缓存来削减HTTP请求的数目,并削减HTTP相应的大小,使web页面加载得更快。web服务器运用Expires头来通知web客户端它可以运用一个组件的当前副本。

注重:Expires头运用的是一个特定的时刻,它请求客户端与服务器的时钟严厉同步,一旦两个时刻一致,Expires头的时刻将没有意义。

为了处理Expires头的限定,HTTP1.1 引入了Cache-Control运用max-age指令指定组件缓存多久。它以秒为单元定义更新窗。假如从组件请求最先过去的秒数小于max-age,浏览器就可以运用缓存的版本。

注重:
    1.在小于HTTP1.1版本之前仍须要设置Expires头,为了做更好的兼容,最好同时运用HTTP1.1和max-age,在支撑max-age的版本中,假如二者同时存在max-age会重写Expires头。
    2.应用Apache模块mod_expires可以使Expires头可以像max-age那样以相对的体式格局设置日期。经由过程Expires_Default指令来完成。时刻可以用年/月/周/日/时/分/秒为单元来设置。
    

四、紧缩组件

1.从HTTP1.1最先,web客户端可以经由过程HTTP请求中的Accept-Encoding头来识别对紧缩的支撑。
Accept-Encoding:gzip,deflate;
2.设置
a.Apache1.3的gzip紧缩由mod_gzip模块供应
b.Apache2.x中紧缩经由过程mod_deflate模块来完成。
3.代办缓存
在Web服务器的相应中增加Vary头。Web服务器可以通知代办依据一个或许多个请求头来转变缓存的相应。
Vary:Accept-Encoding
这类情况下代办服务器会缓存每一个相应的两个版本——Accept-Encoding为gzip时的紧缩内容和没指定Accept-Encoding时的非紧缩内容。

五、将款式表放在顶部

因为浏览器老是在款式表加载并剖析完以后才会绘制页面内容,所以把款式表放在底部才会涌现白屏或许无款式内容的闪灼题目。

六、将剧本放在页面底部

浏览器老是从上到下实行页面内容,假如将剧本安排在页面顶部,则在加载剧本的这段时刻内,页面的内容显现将被壅塞!

七、防止css表达式

css表达式也会影响页面的加载时刻。假如必需要在页面加载纪录的时刻对css款式举行重置,可以斟酌运用时刻处理器来替代css表达式。

    原文作者:alisa
    原文地址: https://segmentfault.com/a/1190000019200827
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞