毫无疑问 – 网站速度很重要。
随着全球平均互联网连接速度的提高和移动设备的使用占主导地位,网络用户对缓慢的加载时间的容忍度越来越低。 53% 的移动用户会放弃加载时间超过 3 秒的网站,近10% 的网络用户会在 2 秒后反弹。显然,每一秒都很重要。
同时,谷歌明确表示页面速度是搜索结果中的排名因素。
简而言之,一个快速的网站可以从访问者和谷歌那里获得更好的结果。要利用这些双重好处,您需要将网站速度作为您网站的优先事项。 以下十个技巧中的任何一个都将帮助您开始这条重要的道路。
1. 优化您的图像。
每次有人访问您网站上的页面时,他们的浏览器都必须加载页面的每个部分。在许多页面上,占用最多空间并因此需要最长加载时间的部分是图像。因此,使您的页面加载速度更快的最佳和最简单的方法之一就是优化您的图像。
这个快速的两步图像优化过程可以大大加快您的网站速度。
第 1 步:在上传图片 之前 重新调整图片大小。
如果您使用WordPress或Joomla等内容管理系统 (CMS) ,您可能已经注意到您可以上传完整尺寸的图像,然后在您网站的后端调整它们的显示尺寸。
这很方便,但您可能不知道这样做会强制 Web 浏览器在每次有人加载页面时执行多个命令。他们必须拉出初始图像,然后即时调整其大小——这会减慢您的网站速度。
为防止发生这种情况,请在将图像添加到您的站点之前,使用图像编辑程序自行将图像调整为正确的大小。
我们大多数人都可以使用一个简单的工具,如预览(Mac 上)或 Microsoft Paint(Windows 上)。使用这些程序,您所要做的就是打开图像并在您选择的编辑器中重新调整其大小。
第 2 步:压缩图像。
完成此操作后,您可以使用压缩工具将图像编辑提升到一个新的水平。即使在重新调整图像大小后,总文件大小也可能足够大,仍然会降低您网站的加载速度。
可用的最佳图像压缩工具之一是ImageResize。您所要做的就是单击链接,上传重新调整大小的图像,此工具将减小文件大小而不降低分辨率。
然后,您所要做的就是下载图像并将其上传到您的网站。您的图像看起来完全相同,但加载速度会快得多。
2. 进行插件清除。
免费提供的大量插件和脚本使网站所有者很容易添加比他们真正需要的更多的插件和脚本。请记住,您添加的每个插件都需要运行资源——而更多的资源意味着网站速度会变慢。
如果您发现您的网站运行缓慢,或者您认为它可以更有效地运行,请执行插件审查。
浏览列表并确定您实际上没有使用的任何插件,或者似乎没有为您的网站性能增加任何有价值的东西。去吧,摆脱这些。
如果您仍然觉得您的网站没有像您希望的那样快速加载,请进行测试以找出罪魁祸首。一个一个地禁用您网站上的每个插件。禁用插件后,通过GT Metrix 之类的工具运行您的网站,以检查您网站的速度。
如果在停用特定插件后您的网站速度增加,那么您就发现了问题。如果有问题的插件提供了必要的功能,请进行试验,直到找到另一个可以做同样事情而不会降低网站速度的插件。
为了避免将来遇到这种麻烦,请在添加新插件之前问问自己是否真的值得在站点速度上进行权衡。
3. 确保您的站点脚本是最新的。
根据您的站点使用的 CMS 或电子商务平台,您可能需要定期检查以确定是否有新版本的站点脚本可用。
如果是,请尽快升级您的站点(首先确保您有当前的备份文件)。站点脚本开发人员一直致力于为未来版本改进他们的代码,尤其是在站点速度方面。将您的脚本更新到最新版本可以大大消除阻止您的网站快速加载的编码障碍。
如果您的网站在 WordPress 上运行,那么您会在WordPress 仪表板的“更新”选项卡中找到这些更新。只需单击一下,您的站点就会安装最新的软件更新。不需要任何其他东西。
诚然,记住签入和更新您的网站可能很困难。幸运的是,这不是您每天都必须做的事情。每月一次就足以对您的站点进行一次简单的运行并安装可能可用的任何更新。
在您的日历上设置定期活动,并每个月留出一个小时。通常,它花费的时间会比这少得多,但养成始终确保您的站点和插件运行最新版本的习惯很重要。
另外,让您的所有软件保持最新将有助于修补任何可能导致您的网站被黑客入侵的漏洞。
4. 利用 CDN。
内容交付网络或 CDN 是遍布全球的庞大服务器网络。通常,如果您不使用 CDN,那么您的站点将从您的 Web 托管服务器的中心位置加载到您站点的每个访问者,无论他们位于何处。
这可能会导致网站速度变慢,尤其是当您的访问者远离服务器的中心位置时。此外,如果您只使用一台服务器,它可能会过载并导致您的网站崩溃。
CDN 通过让您的用户从离他们最近的 Web 主机访问您网站的缓存版本来解决这两个问题。更好的是,如果您的服务器位置之一过载,它们可以切换到新的服务器位置,以确保更快的速度。
首先,请查看SiteLock TrueSpeed、MaxCDN或Cloudflare提供的 CDN 服务。
5. 启用浏览器缓存。
浏览器缓存是一种技术,允许访问者的浏览器存储您网站的各个页面的副本,以便访问者将来返回时,可以从缓存中调用内容,而不是重新加载整个页面。
这可以节省用于显示页面的资源数量,从而为访问者缩短整体加载时间。
如果您使用 WordPress,则可以使用W3 Total Cache等插件轻松启用浏览器缓存。 要在您的 WordPress 站点上安装此插件,请按照以下步骤操作:
- 导航到您站点的仪表板,然后选择Plugins > Add New,然后搜索 W3 Total Cache。单击“安装”,然后单击“激活”。
- 激活插件后,导航到顶部或左侧的新性能选项卡。您将在此处控制插件的所有功能。
- 您可以使用此插件打开或关闭大量功能。如果您想完全配置此插件,请查看 WPMU DEV 的这篇文章。
或者,与您的 Web 开发人员讨论将浏览器缓存集成到服务器端脚本中的方法。
6. 开启 Gzip 压缩。
Gzip 压缩是一种将基于浏览器的 HTTP 响应的大小最小化的技术——有时甚至高达 70%。如果这没有意义,请不要担心。您无需完全了解为您的网站实施它是如何工作的。
可以通过三种方法在您的站点上启用 Gzip 压缩。你可以:
1. 将以下代码添加到您站点的 .htaccess 文件中:# 压缩文本, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/ xml
AddOutputFilterByType DEFLATE 应用程序/javascript
AddOutputFilterByType DEFLATE 应用程序/x-javascript # 或者,按扩展名压缩某些文件类型: <files *.html>
SetOutputFilter DEFLATE
</files>
2. 将以下代码添加到 HTML 或 PHP 页面的顶部: <?php if (substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start(“ob_gzhandler”); 否则 ob_start(); ?>
3. 安装一个 Gzip 压缩插件,比如 WordPress的 W3 Total Cache工具(请记住我们之前所说的关于安装太多不必要的插件!)。
7. 将 CSS 文件放在顶部,将 Javascript 文件放在底部。
最后,在处理原始 HTML 页面时,将 CSS 文件添加到页面代码的顶部,将 Javascript 代码段添加到底部,从而保持站点代码的整洁。
将 CSS 文件添加到页面顶部会禁止渐进式渲染,从而节省了 Web 浏览器用于加载和重绘页面元素的资源。
在底部添加 Javascript 可以防止您的页面在加载之前等待完整的代码执行 – 为您的访问者带来更快的浏览体验。
8. 减少Http请求。
当新人访问您的网站时,网页上的每个元素都必须下载以供他们查看。这包括图像、视频、动画、样式表、脚本、字体 – 您可以随意命名。
对于页面上的每个元素,都会发出不同的 http 请求。您网站上每个页面的不同部分越多,每次有人访问您的网站时发出的 http 请求就越多,页面加载所需的时间就越长。
这并不意味着您需要将网页精简为极简网页设计以减慢加载时间。您可以使用一些技巧来识别和减少页面上 http 请求的数量和大小,而不会丢失您希望网站具有的样式。
首先,使用浏览器工具找出网站页面上有多少 http 请求。不同浏览器的流程类似,以下是主要两个的具体步骤:
在 Chrome 中:
- 右键单击网页
- 选择检查
- 单击网络选项卡
- 重新加载页面
在 Firefox 中:
- 右键单击页面
- 选择检查元素
- 单击网络选项卡
- 重新加载页面
这不仅会显示页面需要多少个 http 请求,还会显示每个请求加载所需的时间。
您或许能够在列表中发现一些不值得花时间完全删除的项目。即使您不这样做,您也可以选择加快速度:
选项 1:减小文件大小。
在列表中寻找机会减少不同元素的文件大小。我们关于优化图像的部分包括一些很好的技巧。您还可以通过删除任何不必要的编码或空格来缩小 HTML、CSS 和 Javascript 文件中的代码。Autooptimize(用于 WordPress)和HTML Minifier等在线工具可以使这一步更容易。
选项 2:合并文件。
如果您的网页有多个 Javascript 或 CSS 文件,将它们组合在一起将减少页面必须发出的 http 请求的数量。JCH Optimize和Cloudflare等工具 可以帮助解决这个问题。
9. 最小化和优化重定向。
有时重定向是必要的,但如果使用次数超过要求,它们会减慢页面加载时间。定期检查您网站上的链接,以确保您的所有链接(内部和外部)都直接转到页面的主 URL。
在您确实需要使用重定向的情况下,请确保您只对一个页面使用一个重定向。您永远不希望浏览器必须将访问者从一个页面重定向到另一个页面,然后将其重定向到第三个页面。
并避免使用其他 URL 将人们重定向回您的主站点。购买您能想到的 URL 名称和主要关键字的所有变体,并将它们都指向您的网站,这可能很诱人,但这既会减慢速度,也可能给访问者造成混淆。
10. 升级您的虚拟主机。
刚开始时,您可能为您的网站选择了最便宜的托管选项。这是正常的,通常在您开始建立可见性和流量时对于新网站来说已经足够了。
随着您的营销努力开始获得回报并且您的流量增加,您的托管需求也会发生变化。如果您的网站流量显着增加并且您没有升级您的托管计划以匹配,这可能会导致缓慢或不稳定的性能问题。
从共享主机到云主机,或从共享到 VPS,可以对您的网站为访问者加载的速度产生巨大影响。
请咨询您的 网络托管服务提供商,看看是否需要升级,或者考虑是否需要切换到新的提供商。HostGator 以 99.9% 的正常运行时间保证而闻名,并且有代表将回答您关于选择正确的网络托管计划以保持您的网站快速和正常运行的任何问题。
结论
尽管这些只是可用于加快站点速度的几种不同技术中的一小部分,但它们是最容易实现的一些技术。如果您发现网站速度变慢,此列表是一个很好的起点。当每一秒都很重要时,您可以为更快的网站采取的每一步都是值得的。
综上所述,有时缓慢的网站仅仅是由于托管不足造成的。使用HostGator,无论您拥有云服务器托管、共享托管还是 VPS 托管计划,您的站点都将采用行业标准技术,并通过电话和 LiveChat 获得 24/7/365 屡获殊荣的技术支持。我们让转移变得无痛,并乐于为每一步提供帮助。