页面加载速度缓慢时,如何优化?

提升页面加载速度,优化方法:css

一、使用免费 cdn 加载第三方资源

二、合并压缩js,css,减小请求次数以及减小流量的消耗

三、代码优化:

HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染,所以CSS放在页面头部并使用Link方式引入,JavaScript的引入放在页面尾web

其次:ajax

  1. 按需加载,把统计、分享等 js 在页面 onload 后再进行加载,能够提升访问速度;浏览器

  2. 优化 cookie ,减小 cookie 体积;缓存

  3. 避免 <img> 的 src 为空;cookie

  4. 尽可能避免设置图片大小,屡次重设图片大小会引起图片的屡次重绘,影响性能;异步

  5. 合理使用display属性:性能

  6. (1).字体图标字体

    (2).雪碧图优化

    (3).图片地图

a.display:inline后不该该再使用width、height、margin、padding以及float
b.display:inline-block后不该该再使用float
c.display:block后不该该再使用vertical-align
d.display:table-*后不该该再使用margin或者float
  1. 不滥用Float 和 web 字体;

  2. 尽可能使用CSS3动画;

  3. 使用 ajax 异步加载部分请求;

四、懒加载

对于一些图片,显示首屏的,后面scroll到的时候再加载

五、预加载

预加载是在浏览器空闲时请求未来可能会用到的页面内容(如图像、样式表和脚本)。使用这种方法,当用户要访问下一个页面时,页面中的内容大部分已经加载到缓存中了,所以能够大大改善访问速度。

相关文章
相关标签/搜索