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

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.减少空格等

新闻名称:高性能网站建设指南(读书笔记)
文章起源:/news27/275227.html

成都网站建设公司_创新互联,为您提供企业网站制作做网站自适应网站外贸建站营销型网站建设网站内链

广告

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

成都app开发公司