高性能网站建设指南(读书笔记)

2023-08-13 分类：网站建设

1.减少HTTP请求：

a. 用CSS Sprites产生一张图片，而非分开的图片，这样只用请求1次而非多次。一个图片关联多个url。通过background-position属性指定CSS偏移量。且合并图片比分离图片的总和要少(减少颜色表，格式信息)，降低下载量

b.合并脚本和样式表(JS/CSS):合并成一个文件，但不要产生大量的组合

2.使用内容发布网络(CDN):

a.使web服务器离用户更近，可以减少http请求时间:用于发布静态内容，图片，脚本，样式表和Flash。跟地理位置有关

3.添加Expires头：

a.使用一个长久的Expires头,缓存页面组件，避免不必要的http请求，减少http请求的大小。在此时间之后的请求被认为是无效的

b.Cache-Control头:使用max-age指定组件被缓存多久，会覆盖Expires头，无时钟同步问题

c.头一次无作用第二次开始生效，如果只打开一次，那么就不需要这个

d.如何更新并刷新到用户:修改其链接，全新的请求从服务器下载

4.压缩组件:

a.减少HTTP响应的大小来减少响应时间：Accept - Encoding: gzip

b.如果有代理服务器，需要Vary: Accept - Encoding,这样代理服务器就可以根据Accept - Encoding返回不同的内容(否则会出错)，因为存在支持/不支持gzip的页面

5.将样式表放在顶部:

a.两种方式: 在顶部则先加载样式表，白屏;在底部则能先显示内容，然后当读到样式表的时候会闪烁

6.将脚本放在底部：

a.脚本会阻塞对其后面内容的下载及呈现

b.有些情况脚本无法放在后面: document.write

7.减少DNS查找

a.减少域名数量

8.精简JS:

a.减少空格等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容