减少页面宽度WordPress的托管

你想加快你的WordPress网站?想知道WordPress的优化技巧,可以帮助你降低你的网站加载时间?在这篇文章中,我们将告诉你如何通过分享我们如何优化我们的List25网站以提高性能,加快WordPress的。

您可能听说过WordPress的速度对SEO很重要的。更快的网站有更好的用户参与,更多的浏览量,以及更好的销售。在strangeloop案例研究中,他们发现,一秒钟的延迟可以花费你销售额的7%,减少11%的浏览量,并在客户满意度16%的下降。

托管

那么,你如何真正加快WordPress的?

好了,而不是只分享超速提示的列表,我们决定做一个完整的案例研究向您展示我们List25网站的结果与我们如何完成这一切一起。

List25是由我们的创始人锡德·巴尔克开始娱乐博客。该网站拥有超过150万用户,而YouTube频道拥有超过2.5亿点的看法。

该网站上的内容以图片为主,其占用的带宽TB的影片,所以整体运行速度的优化是至关重要的我们保持降低成本,减少页面遗弃和改善网站停留时间。

在我们开始优化,我们的主页了2.21秒根据Pingdom的加载。我们完成后,我们的页面加载时间下降至1.21秒(

在此优化,我们能够加快我们的服务器的响应时间,提高我们的速度性能得分,降低总的请求的数量,并提高整体加载时间。

让我们来看看优化技术,帮助我们加快我们的WordPress站点。

拥有一个良好的虚拟主机是为您的网站的速度是至关重要的。由于我们的网站越来越流行,我们只是傲然挺立我们以前的托管公司(HostGator的)。

他们的服务器,因为List25接收的数以百万计的浏览量数万根本无法处理这种规模的网站。 HostGator的是伟大的小网站,但不适合这种规模的东西。

我们期待在各种管理WordPress的托管方式,并最终结束了使用SiteGround托管List25,因为他们提供了这个网站的最佳的整体价值。

您可以立即看到在我们的服务器响应时间的改善。我们从最大442ms去172ms的响应时间。这是一个256%的改善。

Siteground已建成的性能助推器像WordPress是,Joomla,Magento的和特定的平台。根据您的网站的平台上,他们专门优化您的服务器,这会导致更好的整体性能。

我们写的时候,你应该切换您的网络托管其谈到了7个关键指标的文章。

减少页面宽度WordPress的托管,以减少

如果您正在寻找切换主机,那么肯定会给SiteGround一试。 WPBeginner用户获得托管+免费域名的独家60折优惠。

当谈到加快WordPress的,缓存是您的网络托管后的第二个最重要的因素。

通常,当访问者来到你的WordPress网站,你的服务器将PHP请求,其发现被请求的页面,生成它在飞行,并显示给访问者的MySQL数据库。这占用了大量的资源。当你有缓存,这样可以节省时间和资源。

下图突出了过程。在外行人而言,认为高速缓存,如创建桌面快捷方式,它可以帮助你得到的文件快。

对于List25网站,我们使用的是SiteGround SuperCacher,他们专门为他们的客户建立了一个插件。最重要的是,他们增加了使用上光油(他们的业绩助推器的一部分),先进的动态高速缓存选项。

如果你不在Siteground。那么不要担心。您可以通过使用像W3的总缓存或可湿性粉剂超高速缓存许多可用的解决方案之一,你的WordPress站点设置缓存。

在WPBeginner,我们使用的是W3的总缓存,其提供了大量的页面缓存选项,数据库缓存和对象缓存。

随着越来越多的托管公司专门为WordPress,我们将看到更多的内置自定义缓存解决方案。 Pagely和WPEngine也提供自己的内置缓存系统。

内容分发网络(CDN)可以帮助你提高你的网站的速度。我们一直在使用MaxCDN因为List25的开始,所以这部分并没有改变。

我们已经写上什么是CDN一个完整的文章,以及为什么需要它与一个信息图表一起。

CDN使我们能够为所有CSS,JavaScript和图片来自内容分发网络。这是通过确定站点访问者的位置,并就近提供服务的游客来自服务器的内容。

如果你在市场上是没有溢价CDN解决方案,那么你可以使用CloudFlare的。

当您添加更多的插件,常常加上自己的JavaScript和CSS文件。每个附加文件是一个新的HTTP请求。

我们结合这些JavaScript和CSS文件到每个单一的文件,以减少请求和加快加载时间。你可以看到如何WordPress插件影响加载时间有关更多细节。

虽然现在我们加载了一些小的功能,我们可能并不需要在网站上的特定部分,该代码缓存在CDN和结果表明,对于文件的请求少提供比加载多个较小的JS文件更好的性能。

这是你必须对因为插件使用变化加班定期做一些事情。

我们利用图像精灵相结合一些社会与本站图标放到一个单一的形象:

每当我们需要显示特定图标,我们可以使用CSS来:

  1. 加载图像作为背景图像
  2. 定义元素的宽度和高度,我们需要的图标
  3. 设置背景地位,为图像加载必要的图标

例如,要载入侧边栏的社交媒体图标,我们使用:

背景位置。宽度和高度的CSS属性可以帮助我们的目标,我们要输出的图像的特定部分:

其结果是,仅用于该图像文件的第一请求是使用带宽。将导致后续请求到CDN的图像中的缓存(通常是本地的)版本被加载,以及只需要申请一个单一的形象与6个不同的社交图标。

通过结合JavaScript,CSS和图像融合在一起,我们显著降低请求数量。

代码缩小中,去除空格和换行,以减少文件大小从而请求时,它更快地加载。

对于List25,我们使用SCSS,基于语法的样式表(简介无礼的话)。这使我们可以构建我们跨越发展的若干领域CSS文件在一个易于阅读的布局:

我们使用CodeKit到那么SCSS文件编译成一个单一的CSS文件。 CodeKit还删除空格和换行,以确保文件尽可能小:

其结果是,我们能够28%,以减少我们的CSS文件的大小。

我们优化我们的图像在两个方面:我们的WordPress主题和上传的内容。

对于我们的WordPress主题,我们用CodeKit确保所有图像进行无损压缩。这确保了文件大小尽可能小,没有质量损失。

我们也教育我们所有的作家大约节省了网络优化的图像的重要性。请参阅我们如何另存为网页优化的图像引导。

对于List25社会共享,就像任何其他的网站真的很重要。然而社会共享插件可以将您的网站显著放缓。

虽然整合这四个社交网络的脚本,在我们的测试并不影响网页的加载时间,它在移动设备上观看时明显放慢了网站。社交分享按钮将需要几秒钟出现,尽管脚本异步加载,导致文章内容走动作为加载到视图中的按钮。

为了解决这个问题,我们搬到了一个(几乎)Javascript的免费解决方案。每个社交网络的分享按钮都是由我们自定义的WordPress插件渲染和主题的JavaScript是只用来当用户点击一个按钮,打开Web浏览器窗口。

但是,我们仍然想要显示的股份总数后不得不在所有的社交网络。要做到这一点,我们制作了一个小的自定义WordPress插件来检索和从每个社交网络到邮政元表缓存的社会份额数。这些计数每24小时更新一次,确保耗时查询不经常运行。

您可以使用像Sharre API或解剖浮动社交栏进行自定义。

使用Pingdom的的RUM(真实用户监控),该新共享插件降低了“真”的页面加载时间从6秒到刚刚超过2秒。这也保证了我们减少了第三方脚本的请求的数量。

我们显著改善我们的网站速度。加载时间从2.2秒跑到1.22秒。

我们能够显著减少我们的服务器的响应时间。

这有助于减少花在下载网页的谷歌机器人这有助于我们的抓取率的时间。

我们的总体跳出率下降了7%,因为该网站加载速度更快,并通过切换主机,我们能够减少服务器错误。

正如你可以用较低的跳出率可想而知,在网站上花费的时间上升,以及超过30秒。

正如你可以看到一个更快的加载网站可以提高游客的参与。我们已经讨论过的技术已经涵盖了一系列的可以实现优化你的WordPress网站初级和中级的改进。

我们希望这篇文章帮助你加快你的WordPress网站。你可能也想看看我们的文章约20必须有WordPress插件2015年。

如果你喜欢这篇文章,那么请订阅我们的YouTube频道为WordPress的视频教程。您还可以找到我们在Twitter和Facebook。

看这个视频!

相关文章

管理页面慢WordPress的托管问:2014-07-25上午11点58 EST导航周围的WordPress管理的网站是极其缓慢。无论我去或菜单我点击的页面,它需要8-10秒加载页面。没关系...
WordPress的澳大利亚动物园最好的托管今天,我想看看有多少顶WordPress的托管公司从纯粹性能的角度衡量起来。现在,我会是第一个承认,具有最快的服务器...
Godaddy的共享主机的wordpress今天,我想看看有多少顶WordPress的托管公司从纯粹性能的角度衡量起来。现在,我会是第一个承认,具有最快的服务器...
空白页install.php了WordPress的主机我们有很多我们的客户和WordPress用户的总体拥有,他们的网站显示空白页的问题。该空白页通常由PHP错误引起的。如果你有你的...
简介html页面WordPress的主机在WordPress中,你可以把内容在您的网站无论是作为“后”或“网页”。当你写一个普通的博客文章,你写一个帖子。帖子,在默认设置中,出现在反向...