加快网站速度的10种方法

发布于:2019-07-30

毫无疑问网站速度很重要

随着全球平均互联网连接速度的增加以及移动用户占主导地位,网络用户对缓慢加载时间的容忍度越来越低。  53%的移动用户将放弃加载时间超过三秒的网站,并且近2%的网络用户将在2秒后反弹。显然,每一秒都很重要。

与此同时,谷歌明确表示,网页速度是搜索结果的排名因素。

简而言之,快速网站可以从访问者和Google获得更好的结果。要利用这些双重优势,您需要将网站速度作为您网站的首选。  以下十个提示中的任何一个都将帮助您开始这条重要的道路。

 

1.优化您的图像

每当有人访问您网站上的某个页面时,他们的浏览器就必须加载该页面的每个部分。在许多页面上,占用空间最多并因此占用时间最长的部分是图像。因此,优化图像是使页面加载速度最快,最简单的方法之一。

这种快速的两步图像优化过程可以大大加快您的网站速度。

第1步:在上传图像之前重新调整图像大小

如果你使用像WordPress或Joomla这样的内容管理系统(CMS),你可能已经注意到你可以上传全尺寸的图像,然后在你网站的后端调整它们的显示尺寸。 

这很方便,但您可能不知道这样做会强制Web浏览器在每次有人加载页面时执行多个命令。他们必须提取初始图像,然后在运行中重新调整大小 - 这会减慢您的网站速度。

为防止这种情况发生,请在将图像添加到站点之前使用图像编辑程序将图像调整为正确的大小。

我们大多数人都可以访问一个简单的工具,如Preview(在Mac上)或Microsoft Paint(在Windows上)。使用这些程序,您只需打开图像并在您选择的编辑器中重新调整大小。

第2步:压缩图像

完成此操作后,您可以使用压缩工具将图像编辑提升到新的水平。即使在重新调整图像大小后,总文件大小也可能足够大,仍会降低网站的加载速度。

ImageResize是最好的图像压缩工具之一。您所要做的就是单击链接,上传重新调整大小的图像,此工具将减小文件大小而不降低分辨率。

1_40.jpg

然后,您所要做的就是下载图片并将其上传到您的网站。您的图像看起来完全一样,但加载速度会快得多。  

 

2.进行插件清除

大量免费提供的插件和脚本使得网站所有者可以添加超出他们真正需要的数量。请记住,您添加的每个插件都需要运行资源 - 而更多资源意味着网站速度较慢。

如果您发现自己的网站运行缓慢,或者您认为它可以更有效地运行,请执行插件审核。

浏览列表并确定您实际上没有使用的任何插件,或者似乎没有为您的网站性能添加任何有价值的插件。来吧,摆脱这些。

如果您仍然觉得您的网站没有按照您的意愿加载,请进行测试以找到罪魁祸首。一个接一个地禁用您网站上的每个插件。禁用插件后,通过GT Metrix等工具运行您的网站,以检查网站的速度。

2_36

如果在停用特定插件后您的网站速度增加,那么您就发现了问题。如果相关插件提供了必要的功能,请进行试验,直到找到另一个执行相同操作的插件,而不会降低网站速度。

为了避免将来摆脱这种麻烦,如果功能真的值得在网站速度上进行权衡,那么在添加新插件之前,请自行前进。

 

3.确保您的站点脚本是最新的

根据您的网站使用的CMS或电子商务平台,您可能需要定期检查以确定您的网站脚本的新版本是否可用。  

如果是,请尽快升级您的站点(确保首先安装当前备份文件)。站点脚本开发人员一直致力于改进未来版本的代码,特别是在网站速度方面。将脚本更新到最新版本可以大大有助于消除阻止您的网站快速加载的编码障碍。

如果您的站点在WordPress上运行,那么您将在WordPress仪表板的“ 更新”选项卡中找到这些更新。只需单击一下,您的站点就会安装最新的软件更新。你不需要其他任何东西。

不可否认,记住办理登机手续并更新您的网站可能很难。幸运的是,这不是你每天必须做的事情。每月一次足以完成您网站的简单运行并安装可能的任何更新。

在您的日历上设置定期活动,每个月预留一小时。通常,它比这需要更少的时间,但重要的是要养成始终确保您的站点和插件运行最新版本的习惯。

此外,让您的所有软件都是最新的将有助于修补任何可能导致您的网站被黑客攻击的漏洞。  

 

4.利用CDN

内容交付网络(CDN)是遍布全球的庞大服务器网络。通常情况下,如果您没有使用CDN,那么无论您在哪个地理位置,您的网站都会从您的网站托管服务器的中心位置加载到您网站的每个访问者。

这可能会导致网站速度变慢,尤其是如果您的访问者远离服务器的中心位置。此外,如果您只使用单个服务器,则可能会出现过载并导致您的网站崩溃。

CDN通过让您的用户从最接近他们的Web主机访问您网站的缓存版本来解决这两个问题。更好的是,如果您的某个服务器位置过载,它们可以切换到新的服务器位置,从而确保更快的速度。

要开始使用,请查看SiteLock TrueSpeed,MaxCDN或Cloudflare提供的CDN服务。

 

5.启用浏览器缓存

浏览器缓存是一种允许访问者的浏览器存储站点各个页面的副本的技术,这样当访问者将来返回时,可以从缓存中调用内容,而不是重新加载整个页面。

这样可以节省用于显示页面的资源数量,从而加快访问者的整体加载速度。

如果您使用WordPress,则可以使用W3 Total Cache之类的插件轻松启用浏览器缓存。 要在WordPress网站上安装此插件,请按照以下步骤操作:

导航到站点的仪表板,然后导航到插件 > 添加新,并搜索W3总缓存。单击Install,然后单击Activate。

激活插件后,导航到顶部或左侧的新“ 性能”选项卡。这是您可以控制插件的所有功能的地方。

您可以使用此插件打开或关闭大量功能,与您的Web开发人员讨论如何将浏览器缓存集成到服务器端脚本中。 

 

6.打开Gzip压缩

Gzip压缩技术可以最大限度地减少基于浏览器的HTTP响应的大小,有时甚至高达70%。如果这没有意义,请不要担心。您无需完全了解如何为您的网站实施它。

有三种方法可以在您的网站上启用Gzip压缩。您可以:

1.将以下代码添加到您网站的.htaccess文件中:

#compress text,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 / rss + xml 
AddOutputFilterByType DEFLATE application / javascript 
AddOutputFilterByType DEFLATE application / x-javascript

 或者,按扩展名压缩某些文件类型:

 <files * .html> 
SetOutputFilter DEFLATE 
</ files>

2.将以下代码添加到HTML或PHP页面的顶部:

 <?php if(substr_count($ _ SERVER ['HTTP_ACCEPT_ENCODING'],'gzip'))ob_start(“ob_gzhandler”); else ob_start(); ?>

3.  为WordPress 安装一个Gzip压缩插件

 

7.将CSS文件保留在顶部,将Javascript保留在底部。

最后,在使用原始HTML页面时,通过将CSS文件添加到页面顶部的代码和底部的Javascript片段来保持网站的代码整洁。  

将CSS文件添加到页面顶部会禁止渐进式渲染,从而节省Web浏览器用于加载和重绘页面元素的资源。  

将Javascript添加到底部可防止您的网页在加载前等待完整的代码执行,从而为访问者带来更快的浏览体验。

 

8.减少Http请求

当有人新访问您的网站时,网页上的每个元素都必须下载才能查看。这包括图像,视频,动画,样式表,脚本,字体您可以命名。

对于页面上的每个元素,都会生成不同的http请求。网站上每个网页的组成部分越多,每次有人访问您的网站时发出的http请求就越多,页面加载的时间就越长。

这并不意味着您需要将网页剥离为极简主义的网页设计,以减慢加载时间。您可以使用一些技巧来识别和减少页面上http请求的数量和大小,而不会丢失您希望站点拥有的样式。

首先,使用浏览器工具查看网站页面上有多少http请求。这个过程在不同的浏览器中是类似的,这里有两个主要的具体步骤:

在Chrome中:

      右键单击网页

      选择检查

      单击“网络”选项卡

      重新加载页面

      在Firefox中:

      右键单击页面

      选择检查元素

      单击“网络”选项卡

      重新加载页面

这不仅会向您显示页面需要多少http请求,还会显示每个请求加载的时间。

您可能能够在列表中发现一些不值得他们完全删除所需时间的项目。即使你不这样做,你也可以选择加快速度:

选项1:减小文件大小

在列表中查找机会以减少不同元素的文件大小。我们关于优化图像的部分包括一些很好的提示 您还可以通过删除任何不必要的编码或空格来缩小HTML,CSS和Javascript文件中的代码。Autoptimize(适用于WordPress)和HTML Minifier等在线工具可以使这一步更容易。

选项2:合并文件

如果您的网页有多个Javascript或CSS文件,那么组合它们将减少页面必须进行的http请求的数量。像JCH Optimize和Cloudflare这样的工具  可以帮助解决这个问题。

 

9.最小化和优化重定向

有时重定向是必要的,但如果使用它们超过了要求,它们可以减慢页面加载时间。定期检查您网站上的链接,确保您的所有链接(内部和外部)直接转到页面的主URL。

在您确实需要使用重定向的情况下,请确保仅对页面使用一个重定向。您永远不希望浏览器必须执行将访问者从一个页面重定向到另一个页面的工作,将其重定向到第三个页面。

并避免使用其他网址将人们重定向回主站点。您可能很想买到您的URL名称和您可以想到的主要关键字的所有变体,并将它们全部指向您的网站,但这会降低速度,并可能导致访问者混淆。  

 

10.升级您的虚拟主机

在开始时,您可能为您的网站选择了最便宜的托管选项。这是正常的,当你开始建立可见性和流量时,通常对新网站运行良好。

随着您的营销工作开始获得回报并且您的流量增加,您的托管需求也会发生变化。如果您的网站流量大幅增加,并且您尚未升级您的托管计划以匹配,则可能会导致性能问题缓慢或不稳定。

评论展示

参与评论
  • click

660

shares

 

在线客服

服务热线:400-8817-968

QQ客服:425827996

周一至周五:8:30-18:00

扫码加微信咨询

业务微信

15815846676
长按号码加微信

在线留言

top