美文网首页
项目的优化

项目的优化

作者: 李小白呀 | 来源:发表于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

相关文章

  • Vue2.0项目的首屏优化

    6月30日老板召集部门开会,当时发生了一件很尴尬的事情,老板打开了台macBookAir,系统上的图标很老,估摸着...

  • ViewStub的实现深入解析

    布局优化是性能优化中一项不可缺失的工作,而ViewStub是性能布局优化中很有必要的一项,使用ViewStub可以...

  • 项目的优化

    减少请求数 1)合并样式、脚本文件 2)合并背景图片 3)CSS3图标、Icon Font 降低请求量 1)开启G...

  • 利用performance统计网站的加载新能

    介绍利用H5 api接口performance,统计网站的加载时间,进而优化加载速度。在做H5项目的时候,首屏加载...

  • webpack优化项

    1、优化loader配置1.1 缩小文件匹配范围(include/exclude) 通过排除node_module...

  • iPa包瘦身处理

    目的: App包大小优化目的,为节省用户下载app流量消耗。 成效: 优化之前App大小50M,优化后App大小3...

  • 图纸会审流程

    一、图纸会审目的 为优化设计,保证图纸质量,保障工程质量进度,才建立完整的图纸会审制度。 二、适用范围 房建施工项...

  • 华春监理合作:施工图纸会审、变更洽商要点,你需要了解的都在这

    1、图纸会审目的 为优化设计,保证图纸质量,保障工程质量进度,才建立完整的图纸会审制度。 2、适用范围 房建施工项...

  • JavaScript 递归排序

    找出数组中最小的项 找出两个数中较小的项 代码优化 继续优化 调用 找出三个数中最小的项 找出四个数中最小的项 经...

  • 关于优化UITableViewCell高度的计算

    关于对UITableViewCell的优化,行高的计算是一项很重要的优化项,处理不好就会让你的APP占用大量内存,...

网友评论

      本文标题:项目的优化

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