有多种原因可以提高web页面的加载速度。其中之一就是页面遗弃。
如果你的网页加载缓慢，客户在看到你的服务之前就离开了，你将如何发展业务并取得成功?
谷歌最近的一项研究显示，如果一个网站加载时间超过3秒，53%的手机网站访问者会放弃这个网站。
对于搜索引擎优化专家(SEOs)来说，更重要的是，页面加载速度目前是桌面搜索的一个排名因素，2018年7月，移动页面加载速度也将成为一个排名因素。
我看到过一些常见的错误，它们会极大地阻碍页面的加载速度。值得庆幸的是，这些错误中有许多可以快速而轻松地修复，这是一件好事，因为每一点都有助于提高页面加载速度!
让我们看看影响页面加载速度的三个常见问题以及如何纠正它们。
图像文件的大小
图片文件的大小可能是我发现的最常见的错误，当它涉及到缓慢加载的页面。
通常，网站管理员上传内容到我们的网站可能不精通图像优化或真正理解它的重要性。结果可能是使用非常大的图像文件，而减小的图像可以很容易地使用，并具有相同的视觉结果。
这是一个例子。
这张图片来自一个博客。顶部的图像表示在博客文章中显示的图像的大小。
底部的图像是实际大小的源图像使用。请注意源图像比上面显示的版本大了多少。图像越大，必须加载的像素越多。为了节省加载时间，请尝试在上传之前将图像调整为显示大小，而不是仅仅使用超文本标记语言(HTML)参数调整图像大小。
如果你使用的是内容管理系统(CMS)，你也可以使用很多插件来帮助你在上传图片的时候调整图片的大小。如果你搜索“调整图片大小的WordPress插件”，你会发现有很多插件可供选择，比如免费的压缩机。它将进一步压缩你的图像而不失去任何质量。
寻找一个调整大小的工具，它可以在你开始压缩之前预览压缩后的图像。这在与担心压缩会牺牲图像质量的web设计师一起工作时特别有用。
未使用的JavaScript
网站通常使用一个头文件和一个脚文件来分别设置页面的标题/导航区域和页脚区域。由于这些区域通常在网站上保持相当稳定，包括这些文件意味着你可以编写一次，然后在每个页面上使用它。
它真的很高效，尤其是在进行更新的时候。例如，如果您对导航进行了更改，只需在头文件中进行一次更改，它就会在包含该头文件的每个页面上自动更新。
一些JavaScript出现了一个问题。你网站的每个页面都需要JavaScript元素，比如谷歌分析跟踪JavaScript。但其他JavaScript元素可能只在网站的某些页面上需要。
例如，我们与一家医院合作，这家医院在其网站上为准妈妈开设了Lamaze课程的活动页面。
在Lamaze类页面上，它们有一个特性，可以将类事件保存到Outlook日历中，该特性由头文件中包含的JavaScript元素启用。这是一个很好的特性，对网站的事件部分很有帮助，但是网站的其他部分不需要或使用这个JavaScript元素。
来自Lamaze页面的JavaScript加载到网站的每个页面上，不管页面上是否需要它。没有使用JavaScript的页面必须加载该脚本，因为页面上甚至不需要元素，所以增加了页面加载时间。
计算头文件中使用的JavaScript。它必须存在吗?如果不是，是否可以将它移到body区域，以便脚本只在一个页面上加载，而不是在每个页面上加载?希望答案是肯定的。
从第三方网站加载项目
如果你需要从第三方网站加载社交分享按钮、视频播放器嵌入、跟踪器和广告等内容，尽可能将它们最小化。
为什么?
您不能控制第三方服务器和该服务器上的资产加载的速度。如果您碰巧从第三方加载了由于服务器问题而加载缓慢的资产，这可能会潜在地影响您的页面加载时间。谷歌是这么说的:
第三方脚本提供了广泛的有用功能，使web更加动态、交互式和互连。这些脚本可能对你的网站的功能或收入来源至关重要。但是第三方脚本也有很多风险，应该考虑到这些风险，以便在提供价值的同时最小化它们的影响。