页⾯加载速度优化的11种⽅法
1.合并js和css⽂件
bootstrap疫情网站源码将js和css分别合并到⼀个共享⽂件，这样不仅能够简化代码，⽽且在执⾏js⽂件是，如果js⽂件较多，就需要多次向服务器请求数据，这样将会延长加载速度，将js⽂件合并在⼀起，减少了请求的次数，就能够提⾼加载的速度；
2.Sprites图⽚技术（图⽚精灵技术）
图⽚精灵技术是⼀种常⽤的页⾯速度加载优化的⽅式，它是将⼀个页⾯涉及到的所有的零星图⽚（注意：只是那些晓得图⽚、icon）都包含到⼀张⼤图中，然后利⽤css的背景属性将其相应的图⽚在现在响应的⽂字，这样当访问⼀⾯时，只⽤加载⼀张⼤图即可，⽽不⽤⼀幅⼀幅的去请求。这种⽅法既减少了图⽚的⼤⼩，有减少了http请求的次数，可以很⼤程度的优化页⾯的加载熟读
3.压缩图⽚和⽂本
压缩图⽚和⽂本也可以减⼩数据的⼤⼩，尤其是代码的压缩，如HTML、XML、JSON、javascript、css等代码的压缩率可达70%以上，代码压缩后可以⼤⼤减少⽂件的体积，是页⾯可以快速的加载
4.按需加载（及可见区域以外的区域延时加载）
为了让⽤户可以更快的看到⽹页中交重要的内容，可以优先加载可见区域的内容，延时加载不可见区域的内容，为了避免页⾯变形可以使⽤占位符，占位图⽚来固定宽⾼。如jquery中的ImageLazyLoad等⼀些插件就可以很好的实现按需加载，只有当⽤户⿏标向下滚动式，下⾯得图⽚才会加载。当然也可以⽤原⽣的js来实现。
5.确保功能图⽚优先加载
⽹站主要考虑可⽤性的重要性，⼀个功能按钮要提前加载出来，⽤户进⼊下载页，⼀个只需要8s时间的下载，花了5s在等待、寻下载按钮图⽚，谁能忍受?
6.图⽚格式优化
不正确的使⽤图⽚格式是⼀种很常见的拖慢加载速度的原因，正确的使⽤图⽚格式可以数倍的减⼩图⽚的⼤⼩。⼀般⽹页的⼤图，如banner 图⽚⼀般使⽤jpg格式，因为jpg是⼀种有损压缩，可以最⼤程度的减⼩图⽚的体积，⽽且不会影响视觉体验（不⽀持透明通道）；⼩图⽚⼀般⽤png格式，⼀般是⽆损压缩的（保留透明通道）。
7. 使⽤ Progressive JPEGs（⾼级JPEG）
ProgressiveJPEGs图⽚是JPEG格式的⼀个特殊变种，名为“⾼级JPEG”。在创建⾼级JPEG⽂件时，
数据是这样安排的：在装⼊图像时，开始只显⽰⼀个模糊的图像，随着数据的装⼊，图像逐步变得清晰。它相当于交织的GIF格式的图⽚。⾼级JPEG主要是考虑到使⽤调制解调器的慢速⽹络⽽设计的，快速⽹络的使⽤者通常不会体会到它和正常JPEG格式图⽚的区别。对于⽹速⽐较慢的⽤户，这⽆疑有很好的体验。
8.代码的精简
汇编语言程序设计网盘
代码的是最直接的⽅法，也是对于⼀个程序员编程能⼒的考验。对代码进⾏优化，以最少的代码来实现所需的功能，及减少了⽂件的体积，同时也减少了不必要的时间的浪费。同时不必要的空格、注释、换⾏等的减少，也可以减少⽂件的体积。
9.延迟加载和执⾏⾮必要代码
jquery下载文件请求
⽹页中的⼤部分js代码都是在页⾯加载后才需要执⾏的，所以对于这些代码可以写在load事件的回掉函数中。这样可以使页⾯主体和⼀些必要的js代码优先加载的出来，然后来去请求⾮⼀开始就需要的代码。
10.使⽤Ajax
javaweb商城项目当⼀个页⾯只有⼀部分需要更新时，可以使⽤ajax来对页⾯进⾏异步的更新，这样不需要重新的刷新
mysql日期时间函数整个页⾯，重新请求整个1页⾯的数据，⽽只需要请求需要的那部分数据更新页⾯即可。这样既提⾼了页⾯的加载速度，有提⾼了体验性。
11.借助⾃动化⼯具来实现页⾯的优化
⽐如RadwareFastView
>firstindexof方法

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。