美文网首页
项目的优化

项目的优化

作者: 李小白呀 | 来源:发表于2021-01-26 17:06 被阅读0次

    减少请求数

    1)合并样式、脚本文件

    2)合并背景图片

    3)CSS3图标、Icon Font

    降低请求量

    1)开启GZip

    2)优化静态资源,jQuery->Zepto、阉割IScroll、去除冗余代码

    3)图片无损压缩

    4)图片延迟加载

    5)减少Cookie携带

    很多时候,我们也会采用类似“时间换空间、空间换时间”的做法,比如:

    1)缓存为王,对更新较缓慢的资源&接口做缓存(浏览器缓存、localsorage、application cache这个坑多)

    2)按需加载,先加载主要资源,其余资源延迟加载,对非首屏资源滚动加载(懒加载)

    3)fake页技术,将页面最初需要显示Html&Css内联,在页面所需资源加载结束前至少可看,理想情况是index.html下载结束即展示(2G 5S内)

    4)CDN

    相关文章

      网友评论

          本文标题:项目的优化

          本文链接:https://www.haomeiwen.com/subject/zybuzktx.html