如今，页面速度意义重大。自从Google更改了Googlebot的算法以高度支持快速、适合移动设备的网站以来，拥有一个快速的网站变得越来越重要。如果这还不够好，用户通常会花费更少的时间和更少的转化次数，并且您的网站体验越慢，您的转化率就越低。什么是页面速度？PageSpeed是完全加载网页内容所需的时间。对于任何给定用户来说，页面缓慢的原因可能有很多，您的用户可能在火车上，通过信号微弱的隧道，或者他们的互联网速度很慢。通过遵循最佳实践，我们至少可以通过确保我们已尽最大努力来缓解问题。现在您知道它是什么了，让我教您如何提高页面速度。注意：这些按难度顺序列出。在某些时候，您将需要开发人员来帮助优化您的网站。1.使用CDNCDN是ContentDeliveryNetwork的缩写。使用CDN可以有效地让您访问全球数百个小型服务器，这些服务器为您提供网站副本，从而大大减少您的网站获取时间。如果您不使用CDN，对您网站的每个请求（包括图像、CSS和JavaScript）都将缓慢地传送到您的服务器。根据HTTPArchive中的4.68亿个请求，48%的请求并非来自CDN。那是超过2.24亿个请求，如果他们花几分钟时间将CDN添加到他们的站点，速度可能会超过50%。请务必检查您的CDN配置是否正确-CDN中的缓存未命中意味着CDN必须从您的源服务器请求资源，这违背了使用CDN的目的！因此，您的CDN必须具有正确的配置。2.启用GZIP压缩在某些CDN上，GZIP压缩只是一个标记为“启用压缩”的复选框。这大致将文件大小减少了一半，您的用户会因此喜欢您，因为他们需要下载文件才能使用您的网站。3.使用较小的图像这意味着既要降低分辨率（例如，从相机输出的4000x3000像素到网络上的1000x750像素），又要通过压缩文件来减小尺寸。如果您的网站使用WordPress，则有一些插件会在您上传图片时自动为您执行此操作。我个人在写博文时使用TinyJPG来压缩图片。https://tinyjpg.com/4.减少页面发出的请求数目标是减少加载页面顶部所需的请求数。以下是您可以采用的两种思考方式：通过删除不会改善网站体验的精美动画或图像来减少跨页面的请求数量。或者，您可以使用延迟加载来推迟加载低优先级的内容。5.尽可能避免重定向重定向会大大降低您的网站速度。使用响应式CSS并从一个域而不是移动用户的特殊子域为您的网站提供服务。有些重定向是不可避免的，例如www->rootdomain或rootdomain->www，但您的大部分流量不应通过重定向来查看您的网站。6.ReducingTimetoFirstByteTimetofirstbyte是指浏览器在发出资源请求后从服务器接收到第一个字节数据所花费的时间。有两部分：花在服务器上的时间花在发送数据上的时间你可以优化你的服务器端渲染、数据库查询、API调用、负载平衡、应用程序的实际代码以及服务器本身的负载（具体是如果您正在使用廉价的虚拟主机——这会影响您网站的性能），以减少您在服务器上花费的时间。您可以大大减少使用CDN发送数据所需的时间。7.减少和删除阻止呈现的JavaScript外部脚本（尤其是用于营销的脚本）通常编写不当，并且会阻止您的页面加载，直到它完成运行。您可以通过将外部脚本标记为异步来减少这种影响：您还可以延迟加载营销脚本，直到用户开始滚动：window.addEventListener('scroll',()=>setTimeout(()=>{//在此处插入营销片段},1000),{once:true});8.MinifyingCSSandJSMinifying是指使用工具去除空格，换行，缩短变量名。通常，这将作为构建过程的一部分自动完成。要缩小JavaScript，请查看UglifyJS。http://lisperator.net/uglifyjs/要缩小CSS，请查看cssnano。9.删除未使用的CSS从Chrome59（2017年4月发布）开始，可以在ChromeDevTools中看到未使用的JS和CSS。要查看此内容，请打开DevTools，显示控制台抽屉（当您按下Esc时出现的烦人的东西），单击左下角的三个小点，打开“Coverage”，您就会看到它。单击带有重新加载图标的按钮将刷新页面并审核CSS和JS的使用情况。这是在GoogleChrome中审核启动页面时的样子：10.定期跟踪网站速度一旦您的网站速度变慢，修复网站速度问题就容易多了。除此之外，如果您养成检查网站速度的习惯，那么修复网站速度慢的问题就会变得小得多。有免费的工具可以监控您网站的速度，其中两个最受欢迎的是WebPageTest和GoogleLighthouse。这些工具的缺点是您需要记住在进行更改之前和之后都运行它们。PerfBeacon是一项定期运行GoogleLighthouse的服务（由本文作者创建），可让您随时跟踪网站的速度。https://perfbeacon.com/
