网站建设的一个非常重要的部分是资源的负载优化。由于网速低、时延高、移动设备内存小、处理器性能低等原因，网站建设往往不得不优化前端页面的性能，以满足用户对网页加载的期望。前段时间做了一些相关的网站优化,发现网上中文教程很少。他们都按照网站一步一步往下看，找问题解决，所以我整理了一些有用的网页，翻译了一下。网页的加载时间受网络速度的影响。一般用浏览器模拟特定网速进行测试，这样优化前后的结果会有更准确的对比。

1、减少请求数

文件压缩：删除不必要的字节，如多余的空格、换行符、缩进、注释等。以提高下载、解析和执行的速度。这种在线工具有很多。合并文件：每个CSS和JS文件都是一个HTTP请求，几个相关的文件要适当合并成一个文件，减少HTTP请求的数量。要解决加载速度的问题，首先要减少网页的请求，比如css sprite、js/css压缩、缓存、按需加载等。还有一种方法可以将资源放在不同的子域下。例如，将图片资源与静态资源分离可以大大加快网页的加载时间，但这种方法不适用于HTTP2连接。

2、充分利用缓存

使用Cache可以减少对服务器的请求数量，节省加载时间，所以所有静态资源都应该缓存在服务器端，尽量使用长缓存。长缓存资源的更新可以用不同的时间戳来更新。合理设置资源的到期时间，尤其是一些不需要更改的静态资源，缓存到期时间设置的更长。

3、压缩

网站压缩后，会让搜索引擎对网站的抓取更加流畅，提升用户体验，更好地浏览网站内容。Gzip网页整体压缩，目前很多虚拟主机都支持，不需要站长操作。网站Gzip压缩后，网页打开速度加快；借助站长工具的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秒甚至更长的时间才能显示出来，用户基本上是无法忍受的。可能有些用户会退出重新进入，但更多的用户会直接放弃使用。对于网站开发者来说，提升用户体验是一个网站的核心价值，其中提升网站的加载速度是最基本的用户体验。

流年SEO成立于2012年，是国内较早一批专门从事网络营销、网站优化和网站建设，并将大数据、云计算、人工智能、SEO等技术应用于商业服务的企业。您可以联系我们，了解网站优化和网站建设需求。