WordPress插件可提升您的页面优化评级分数

WordPress插件

我们现在都知道,您的网站加载速度是搜索排名因素。这有两个方面很重要。首先,它很重要,因为谷歌说它确实如此。几年前,谷歌宣布他们将开始考虑加载时间作为他们参与搜索引擎优化的众多因素之一。

其次,重要的是因为人们说它确实如此。当你去加载一个网站时,你在沮丧之前等待多久,回到搜索结果,然后再尝试一下?这可能感觉好像很长一段时间,你可能会猜5-10秒,但你错了。大多数时候,人们会在两秒钟内在缓慢装载的网站上保释。

因此,如果人们在您的网站运行缓慢时离开,并且Google出于同样的原因将您的搜索排名降低到一两个位置,那么很明显您想要解决问题。值得庆幸的是,Google提供了一个工具来帮助您实现这一目标:PageSpeed Insights。

什么是PageSpeed Insights?
PageSpeed Insights是Google的网站速度监控工具。您可以在此处访问该工具并查看其内容。当您插入网址时,Google会分析该网页,并会检查它在移动和桌面模拟设备上的加载方式。

Google PageSpeed工具
我说模拟设备是因为Google不使用实际设备来加载页面。相反,他们使用他们的Blink渲染器来模拟桌面和移动设备上的Chrome实例,看看结果如何。

PageSpeed Insights分析网站并以100分的比例给出分数。该排名是Web开发人员最佳做法,Google政策和技术限制的混合体。得分低于50是差的; 以上可以更好的排名。你通常会拍摄80以上的东西。

如果您的网站需要进行这些更改,以下是Google会查看并建议更改的一些注意事项:

服务器响应时间。您的Web主机服务器响应传入ping所需的时间越长,您的评级就越差。但改善这一点通常是移动网络主机的问题; 一些数据中心比其他数据中心慢,共享主机比专用主机慢。
渲染阻止脚本。在页面完成加载之前,需要加载一些JavaScript和CSS文件。解决方案通常是异步应用这些样式或脚本,因此页面可以在加载脚本的同时继续加载。
浏览器缓存。缓存允许浏览器在页面加载时在本地保存页面的某些元素,这样当用户稍后返回页面或导航到站点上的另一个页面时,他们不必再次下载文件。应缓存常见样式表或徽标图像等常用元素,以提高后续加载速度。
图像优化。模糊图像可以压缩文件的大小,而这些图像中没有任何可见的数据丢失。没有人眼可以看到差异,但文件的大小可以减少10-50%。这样可以更快地下载它们,从而减少加载时间。
重定向。如果将用户从一个URL重定向到另一个URL,则该重定向需要时间。最小化重定向可加快负载。
常规文件压缩。使用像GZip压缩这样的东西可以让你的服务器使文件更小,因此下载和提取比下载未压缩文件更快。
缩小代码。缩小器将从HTML,CSS和脚本文件中删除无关的格式和定位,使它们更小。请记住,单个空间可能看起来不像你的任何东西,但计算机将其读作“ %20 ”,因此HTML渲染器不需要间距,但有助于您阅读代码实际上只是制作文件就计算机而言,尺寸更大。
当然,还有其他元素可以进入页面的加载时间。如果你使用像Pingdom这样的工具,你实际上可以看到加载你网站的整个过程。插入您的网址,然后在完成分析后向下滚动。您将看到“瀑布”中显示的文件请求和加载顺序,准确显示占用时间和位置的内容。

WordPress解决方案
现在,我们很多人都使用WordPress作为我们网站的基本框架,因为它很容易。您不必编写框架代码。您不必编写主题代码。您不必编写脚本来为您执行操作。您可以安装由其他人开发的所有内容,并专注于编写内容和运营业务。

上传插件
当然,WordPress本身是一个非常发达和快速的平台。托管它的Web服务器可能也可能不是很好,但这是个别问题。所有其他的,好吧。插件开发人员通常关注功能超速,当你有六个或更多插件同时运行时,完全有可能通过所有奇特的功能减慢你的网站。

值得庆幸的是,WordPress开发人员也意识到速度的重要性。许多现代插件的设计考虑了速度,还有更多的插件可以帮助您加快您的网站速度。这是我最喜欢的一些。

合并缩小刷新
这可能是我 最近发现的最喜欢的新插件。如果查看页面速度因子,其中一个是代码和脚本文件的大小。有太多的脚本文件和CSS文件,加载时间太长,肯定会降低您的页面速度。

缩小代码WordPress
这个插件所做的正是这个名字所说的。第1部分是合并。尽可能将任何脚本文件合并在一起。CSS文件也是如此。不同应用程序的文件组聚集在一起。页面上加载的所有内容都被分组到一个文件中,任何独立于页面加载的内容都会被分组到另一个文件中,依此类推。

第2部分将缩小这些分组文件。粉碎所有不必要的间距和符号,删除注释,插件完成所有操作。它使用Minify for CSS和Closure for JavaScript,生成新的较小文件。当用户访问您的页面时,他们会下载已刷新和缩小的文件,而不是所有单个脚本。

值得注意的是原始脚本文件保持不变。如果你需要进入并做出改变,你可以轻松地做到; 你的评论是完整的,你的代码是人类可读的,如果这就是你离开它的方式。您可以编辑源文件并再次运行插件,它会将更改推送到smushed文件中。那是第3部分,刷新。

我告诉你,这个插件非常有效。在我安装的一个网站上,我从接近两秒的加载时间变为不到半秒,将请求从80左右减少到30左右,这降低了我的跳出率,这直接改善了我的一些搜索排名。一体化插件; 一点也不差。

擎天柱
Optimus是众多图像优化器之一。就像粉碎你的脚本文件使它们变小,允许它们更快下载,粉碎你的图像文件做同样的事情。

图像充满了不必要的数据。其中一些是您在线共享时不需要的元数据,例如文件的原始作者,照片的EXIF数据等等。如果你想保持所有这些完整,你可以这样做,但通常它在摄影师的投资组合网站之外没用。

Optimus WordPress图像优化器
更重要的是,图像充满了人眼无法看到的疯狂细微细节。你们中的大多数人可能都不记得网络图像被限制在32种颜色或者你拥有什么的时候,或者计算机显示器可以处理“数百万种颜色”设置的时候。如今,从个人电脑到智能手表,这是一切的标准。

实际上,访问数百万种颜色 – 每种可能的颜色十六进制代码 – 的结果是计算机毫不犹豫地使用它们。但是,颜色的每个变化都是图像需要包含的更多数据才能正确渲染自身。

事实是,你可以碾压出大量的颜色变化,并且永远不会看到最终图像的差异。如果彼此相邻的两个像素都是天蓝色,但是一个是#87ceeb而一个是#87ceec,它们看起来与你的肉眼相同。我怀疑你是否能够看到两者之间的区别,如果它们彼此相邻并且你被放大以查看分界线。

使用像Optimus这样的插件来清除图像会消除很多这些无关的数据。它会将ceec像素转换为ceeb像素,从而减少图像文件中的数据,但保持图像本身在功能上不变。您可能丢失的唯一功能数据是图像中是否包含隐写消息。

当您将图像上传到WordPress并安装了Optimus时,它会同时将图像上传到Optimus服务器。Optimus按下图像文件并将其发回,较小的图像是添加到WordPress文件库中的图像。使用您从未见过的自动过程节省大量空间。

WP超级缓存
如上所述,缓存是浏览器在本地保存网站的静态位和部分的能力,因此它不必多次下载相同的文件。这对于像图像这样的东西来说很简单。

WordPress的优势之一就是它的模块化程度。这是由于它能够从组件部分动态生成页面。这样做的缺点是没有可以下载和缓存的“页面”。这就是WP Super Cache发挥作用的地方。

WP Super Cache插件页面
WP Super Cache 从动态WordPress页面生成静态HTML文件。然后,这些HTML文件将在本地缓存在您的服务器上,从而为您的服务器节省了将页面放在一起所需的时间。

此静态文件也可以在本地为用户缓存,以节省更多时间。整个事情是高度可配置的,并且在WordPress网站所有者中非常受信任。为了确保用户在本地存储文件,我建议使用相关插件补充此插件。就我而言,我更喜欢:

利用浏览器缓存
利用浏览器缓存可以简单地优先考虑浏览器的缓存功能,并为缓存文件设置更长的到期时间。

脚本脚本
延迟加载是告知某些文件(通常是脚本)的过程,它们可以在用户实际需要时加载。它阻止了PageSpeed Insights中“等待脚本渲染”的位置。如果站点的其余部分继续在脚本之前加载,则它不会等待脚本,因此加载速度更快。在某种程度上,将脚本放在页脚中是一种简单的方法。

脚本到页脚插件
Scripts to Footer基本上只是将任何非必要的脚本放入您网站的页脚。网站设计CSS等基本元素在顶部加载,但分析和幻灯片或退出意图弹出窗口之类的内容稍后会加载。

有条件的负载
Disqus很棘手。在过去,我已经避免推荐它,因为它不一定是SEO友好的。毕竟,您希望Google能够阅读评论。另一方面,它是一个很好的评论系统,我自己使用它。

有条件的负载
Disqus条件加载是专门为Disqus评论系统延迟加载的。它确保稍后加载膨胀的注释脚本,只有当用户向下滚动足够远以查看它们时才会加载。它会加快网站加载时间,但会牺牲页面加载的可见性。

我现在推荐这个的唯一原因是它已经成为SEO友好的。Google现在可以看到评论,如果您在网站站长工具中使用“抓取为Google”功能,则可以看到这些评论。你将获得两全其美!