首页 技术知识 正文

网站制作之优化网站性能的方法

很多新手网站制作的时候不懂的去优化网站,今天华仔就带大家了解下网站的内部优化!

A) 减少http请求数量 B) 资源合并和压缩 C) 将外部脚本置底 D) 懒加载 E) 将css放到head 中 F) 避免重复的资源请求 G) 代码优化 把CSS放头部,script放下方的原因 CSS放头部 在加载html生成DOM tree的时候,就可以同时对DOM tree进行渲染。 这样可以防止闪跳,白屏或者布局混乱。

i网站制作

javascript放在后面 javascript可能会改变DOM tree的结构,所以需要一个稳定的DOM tree。 javascript加载后会立即执行,同时会阻塞后面的资源加载。(javascript加载和执行的特点)


一.尽量减少HTTP请求次数 1.合并js 2.合并css 3.图片sprie 二.延迟加载内容 1.图片懒加载 2.数据懒加载(点击查看更多) 3.功能懒加载(曝光或者点击后加载html模块,js功能模块) 三.使用离线缓存 把常用的变动又少的js丶css丶图片存储到localstorage,第二次访问的时候直接走本地缓存。在移动端使用广泛 四.css,js放置正确位置 1.把css放在head中,保证页面看到的时候样式是对的 2.把js放到body里最后的位置,防止加载js阻塞页面 五.静态资源使用多个域名 对于图片丶css丶js可以并发加载!


非特殊说明,本文由华仔seo原创或收集发布,转载请注明出处

转载请注明本文地址:http://ucloud.aftss.net/ys/29.html

微信号:15252520342