网站建设的一个重要环节就是资源加载优化。由于网络速度低、带宽低、延迟高、移动设备内存小、处理器性能低等原因，网站建设往往需要优化前端页面的性能，以满足用户对网页加载的期望。前段时间做了一些相关领域的网站优化。发现网站上的中文教程比较少。一步步往下读，寻找需要解决的问题。所以我整理翻译了一些有用的网站。网页加载时间受网速影响。一般都是用浏览器模拟特定的网速进行测试，以便更准确的比较优化前后的结果。
1.减少请求数量
文件资源压缩：删除不必要的字节，如多余的空格、换行符、缩进、注释等。提高下载、解析和执行速度。这种类型的在线工具很多。合并文件：每个CSS和JS文件都是一个HTTP请求，几个相关的文件适当合并成一个文件，减少HTTP请求的数量。要解决加载速度的问题，首先要做的就是减少对网页的请求，比如css sprite，js/css压缩，缓存，按需加载。还有一种方法是把资源放在不同的子域下。比如把图片资源和静态资源分开，可以大大加快网页加载时间，但是这种方法不适合HTTP2连接。
2.充分利用缓存
使用缓存可以减少对服务器的请求数量，节省加载时间，所以所有静态资源都应该缓存在服务器端，尽可能使用长缓存。长缓存资源的更新可以用不同的时间戳来更新。合理设置资源的到期时间，尤其是对于一些不需要更改的静态资源，将缓存的到期时间设置的更长。
3.压缩
网站压缩后，会使搜索引擎对网站的抓取更加流畅，提高用户体验，更好的浏览网站内容。Gzip网页整体压缩，目前很多虚拟主机都支持，不需要网站管理员操作。Gzip压缩后，网页打开速度加快；对于web脚本资源的压缩，可以使用网站管理员工具的js压缩工具。建议网站不要有太多js文件，搜索引擎很难读懂。网站图像压缩是对网站不重要的图像进行压缩，可以大大减少虚拟主机的空间，加快网页的加载速度；在网络上传输文件时，减小资源的大小不仅可以减少存储空间，还可以减少传输时间，加快网页显示速度。所以需要压缩HTML、CSS、JavaScript等资源。
4.优化JavaScript加载性能
第一屏应该控制在1秒以内。不用于等效屏幕的资源应在用户需要时加载(延迟加载、上滚和下滚加载)；感知和不可感知的负载。随着越来越多的应用使用JavaScript技术在客户端进行处理，浏览器中JavaScript的性能已经成为开发者面临的最重要的问题。JavaScript的阻塞特性使得JavaScript性能优化变得复杂，即浏览器在执行JavaScript代码时，不能同时做其他事情，即其他事情会被阻塞。无论当前的JavaScript代码是嵌入还是在外部链文件中，页面的下载和呈现都必须停止，等待脚本执行。JavaScript执行过程花费的时间越长，浏览器等待响应用户输入的时间就越长。
5.CDN加速
通过CDN加速是一种比较昂贵的优化方法，所以这些优化方法把它放在了所有优化方法的最后，但它是一种非常有效的优化方案。CDN的全称是内容传递网。CDN加速主要是加速静态资源，比如网站上传的图片和媒体，以及一些导入的Js、css等文件。CDN加速依赖于各种网络节点，比如全国分布100台CDN服务器。从淄博访问时，资源会从最近的节点返回，这是核心。CDN服务器通过缓存或者主动抓取主服务器的内容来存储资源。
对于移动产品来说，如何优化网站的负载无疑是非常重要的，但性能也是用户体验不可或缺的一部分。当用户可以在1 ~ 2秒内打开手机页面看到信息显示，或者可以开始下一步操作时，用户会觉得速度可以接受。如果2 ~ 5秒后页面变为可用，用户的耐心会逐渐丧失。如果一个界面不能显示超过5秒甚至更长时间，用户就无法忍受。可能有些用户会退出重新进入，但更多的用户会直接放弃使用。对于网站开发者来说，提升用户体验是网站的核心价值，提升网站的加载速度是最基本的用户体验。
鲁ICP备15001313号
鲁公网安备 37039402000105号