你不想要一个缓慢的网站。潜在访问者可能会在您的页面完成加载之前离开。而且你会在搜索结果中受到惩罚,这意味着更少的流量。
您希望您的网页在两秒或更短的时间内加载完毕。你如何做到这一点?一步一步来。
在本文中,我们介绍了您可以优化以加快 wordpress 网站速度的项目列表。
我的网站有多慢?
您的网站可能不会让您感觉缓慢。您的浏览器很可能已经缓存了它,因此您不会像新访问者那样体验它。
以下是一些服务,它们会告诉您页面加载需要多长时间,并告诉您页面的整体文件大小:
- gtmetrix
- yslow
- google pagespeed insights
- pingdom
在调整网站性能之前和之后检查网站的速度。如果您可以在两秒钟内加载您的页面,那么您做得很好。
记录你采取的每一步有多少不同。最大的不同是什么?
#1。选择一个好的虚拟主机
加速托管在慢速服务器上的网站是不可能的。选择合适的托管服务提供商是拥有快速加载网站的第一个重要步骤。
您如何选择一家将速度放在首位的公司?在选择托管服务提供商的终极指南中查看我们的性能清单。
sitepoint 最近与 siteground 合作,成为我们官方推荐的主机。凭借遍布多个大陆的服务器以及最新 ssd 硬件、内部缓存工具和免费 cdn 服务的使用,siteground 提供并在加速方面投入巨资。他们灵活的服务器支持 php7 和 http/2,并且他们有持续的软件和硬件更新。
#2。优化您的主题
首先,使用快速主题。具有很多选项的主题使您的工作更轻松,但代价是使 web 服务器和浏览器更努力地工作。一些 wordpress 主题的大小为兆字节,从而增加了页面加载时间。
您不使用的每个功能都会无缘无故地减慢您的网站速度。如果您愿意调整代码,请选择选项较少的主题来加速您的网站。
- 默认的 wordpress 主题易于调整、轻量级且编码良好。考虑使用一个,或者自己调整代码,或者聘请开发人员。
- thesis和schema是另外两个优先考虑性能的主题。
进一步阅读:
- 什么是最好的 wordpress 主题?
- 9 个最受欢迎的免费 wordpress 主题
- 如何使用基本主题和 elementor 设计一个完整的 wordpress 网站
其次,使用响应式设计。这些为移动设备加载更少的资源,或为桌面显示指定高分辨率图像。移动用户不必下载巨大的图像,而桌面用户不必眯着眼睛看着微小的图像。
响应式网站也是谷歌的首选,所以一旦你切换,预计搜索引擎优化会略有提升。
#3。监控你的插件
首先,尽量减少使用的插件数量。在安装任何插件之前,请询问是否真的有必要。安装大量插件不会对您网站的速度产生巨大影响,但会增加安装不良插件的风险。
其次,确保您的插件针对当前版本的 wordpress 进行了优化。在安装插件之前进行一些研究,特别是如果它被评为三星或更低。它可能开发不善,或者使用了不合适的钩子。这会降低您的网站速度,还可能对 wordpress 和您的其他插件产生不利影响。保持插件更新以确保您拥有最新的性能改进、安全补丁和功能也很重要。
#4。优化您的小部件
您的小部件应尽可能轻巧且易于加载。有些在渲染时会加载外部 javascript 或 css。这对于 facebook、twitter 和 google+ 的社交网络小部件很常见。
如果小部件不太可能经常更新,请将其直接上传到您的服务器。通过不必依赖外部服务器,您将缩短网站的加载时间。
#5。优化您的静态内容
首先,使用 gzip 压缩静态内容。压缩文件更小,因此显然加载速度更快。
- 如果您在共享服务器上,最好的选择是直接从 cpanel 启用 gzip 压缩(如果您的主机为您提供)。
- 您可以使用w3 total cache之类的插件启用 gzip 压缩。我们将在下一篇文章中介绍插件。
其次,使用 cdn 减轻 web 服务器的负载。您的静态资源(如图像、脚本和 css 文件)将由全球优化的内容交付网络服务器提供服务——通常是离您的访问者最近的服务器。您的网络服务器将被释放以服务您网站的其余部分,从而提高性能。
理想情况下,寻找在其托管计划中提供 cdn 的网络主机,例如 siteground。还有很多 cdn 网络:
- amazon s3
- maxcdn
- media temple cdn
- cloudflare
- free cdn
这些与我们将在下一次介绍的缓存插件一起使用。
以下是有关 cloudfront 的进一步阅读:
- 使用 cloudfront 进行动态图像传输
#6。优化您的图像
图片是您网站中较重的元素之一:它们占网络内容的 65% 以上。有几种方法可以优化您上传的图像。
首先,指定缩略图、中型和大型图像的最大图像尺寸。您可以在设置/媒体中找到这些选项。如果您上传 1024px 的图片,而您的内容区域只有 604px 宽,则图片将使用 css 缩小。生成的预调整大小的 604 像素宽图像将显着减小下载。
第二,把它弄脏!这种技术无损地减小图像文件的大小,而无需调整它们的大小或降低它们的质量。虽然 yahoo 几年前终止了 smush.it 服务,但还有其他替代品,例如resmush.it和一些我们将在下一篇文章中介绍的插件。
第三,采用延迟加载。这种技术对于图像密集的站点是有效的。图像仅在它们变得可见时才加载,而不是在页面最初加载时加载。这可以显着加快页面加载时间,尽管在滚动到视图时显示图像会有延迟。
进一步阅读:
- 延迟加载图像以提高网站性能的五种技术
第四,为您的网站选择最佳的图像格式。一些图像格式更容易使用,而另一些则更小。例如,可扩展的 svg 文件大小更小,尤其是当您针对 web 优化它们并使用 gzip 压缩它们时。
在此处了解各种图像格式的优缺点:
- 您网站的正确图像格式是什么?
- 使用 svg 图像对您网站的性能有好处吗?
第五,使用 css 精灵。通过将大量小主题和杂项图像组合成尽可能少的图像来提高性能。在此处了解更多信息:
- css 精灵
- 如何使用 svg 图像精灵
最后,查看优化图像的综合概述:
- 为 wordpress 优化图像
#7。优化您的数据库
wordpress 页面从 mysql 数据库加载。随着时间的推移,数据库可能包含很多您不再需要的信息。优化您的数据库会删除这些信息并提高性能。
您可以直接从 phpmyadmin 优化您的数据库。您还可以使用插件对其进行优化。我们将在下一篇文章中介绍这些内容。
#8。使用缓存加速高流量站点
缓存在优化高流量站点方面非常有效。每次加载 wordpress 页面时,都会从您的数据库和 css 文件中检索信息,并将其组合成一个 html 文件,该文件可以加载到访问者的浏览器中。这需要时间。
缓存使这些 html 文件可供未来的访问者使用,从而节省大量时间。我们将在下一篇文章中介绍缓存插件。
#9。执行常规 wordpress 维护
通过定期维护,让您的 wordpress 网站保持最佳状态。一些维护程序可以显着加快速度,特别是:
- 使 wordpress 和您的插件保持最新。
- 删除旧的帖子修订。
- 删除垃圾评论。
在此处了解如何执行这些操作以及更多内容:
- 您的常规 wordpress 维护清单。
#10。使用性能插件
对于许多优化任务,有一些 wordpress 插件可以为您完成繁重的工作。我们已经涵盖了涵盖所有基础的八个最佳插件。我们还列出了近两打备选方案,以便您探索最适合您需求的备选方案。深入了解对您的网站产生最大影响的因素。
如果您遵循我们的wordpress 维护清单,您可能已经在使用其中一些插件。保持!这种垃圾将继续积累。
w3 总缓存
- 费用:免费
- 活跃安装:1+ 百万
这个插件使用缓存提供了简单的 web 性能优化 (wpo)——将帖子和页面缓存到内存或磁盘、提要缓存、搜索结果页面、数据库对象以及缩小的 css 和 javascript 文件。为了充分利用它,请花一些时间仔细配置它。
w3 total cache 还可以与您的 cdn(如 cloudflare 或 maxcdn)一起使用,以进一步缩短加载时间。
w3 total cache 通过提高网站性能、通过内容交付网络 (cdn) 集成等功能减少下载时间来改善您网站的 seo 和用户体验。
替代缓存插件包括wp super cache、hyper cache、wp fastest cache和cache enabler。
如果您不想使用插件,一个不错的选择是寻找可以为您进行缓存的托管服务提供商。我们的合作伙伴siteground拥有内部开发的出色缓存工具,可帮助您大幅提高网站速度。
wp-优化
- 费用:免费
- 活跃安装:600,000+
这个免费的插件将通过单击一个按钮优化您的 wordpress 数据库,或者使用其内置的调度程序自动优化。垃圾评论、帖子修订和其他垃圾项目等冗余信息将从您的 mysql 数据库中清除,从而加快您的网站加载速度。
wp-optimize 是一种自动清理 wordpress 数据库的有效工具,以便它以最高效率运行。
替代数据库优化插件包括删除修订后优化数据库、wp cleanup、wpoptimize、wp database cleaner和wp-dbmanager。
自动优化
- 费用:免费
- 活跃安装:300,000+
结构不佳的 css 和 html 会导致网站运行缓慢和流量丢失。这个插件扫描和调整你的网站,“缩小”和删除冗余代码。
为防止兼容性冲突,autooptimize 可以忽略您的其他插件。它还可以强制您的插件以特定顺序运行。通过对此进行试验,您也许可以大大缩短加载时间。
自动优化使优化您的网站变得非常容易。它连接所有脚本和样式,缩小和压缩它们,添加过期标题,缓存它们,并将样式移动到页面头部,并且可以将脚本移动到页脚。
缩小的替代插件包括wp super minify和better wordpress minify。
p3(插件性能分析器)
- 费用:免费
- 活跃安装:100,000+
不良插件会对您网站的性能产生不利影响。p3 会评估你的。它将识别对您网站的加载时间影响最大的插件,并将它们显示在饼图中,以便您轻松查看哪些调整会产生最大的不同。
此插件通过测量它们对您网站加载时间的影响来创建您的 wordpress 网站插件性能的配置文件。通常,由于插件配置不当或插件太多,wordpress 网站加载缓慢。通过使用 p3 插件,您可以缩小导致网站运行缓慢的任何因素。
与插件相关的替代插件包括plugin organizer。
wp smush
- 费用:每月 19 美元起免费和保费
- 活跃安装:700,000+
该插件通过从 jpeg 文件中去除元数据、优化 jpeg 压缩、将某些 gif 转换为索引的 png 以及从索引图像中去除未使用的颜色来压缩图像。您可以将其设置为在将新图像上传到您的站点时自动压缩它们。
wp smush 速度很快,并且表现良好。文件使用专用服务器压缩,站点性能工具gtmetrix.com推荐使用。
使用 wpmu dev 的超级团队为您带来的功能强大且 100% 免费的 wordpress 图像压缩器,调整、优化和压缩所有图像的大小!
替代图像压缩插件包括ewww image optimizer、imagify、kraken image optimizer、shortpixel image optimizer和cw image optimizer。
延迟加载
- 费用:免费
- 活跃安装:90,000+
该插件确保仅在折叠上方可见时才加载图像。它不需要配置并且开箱即用。
延迟加载图像以改善页面加载时间。使用 jquery.sonar 仅在图像在视口中可见时才加载图像。
替代延迟加载插件包括jquery image lazy load wp、bj lazy load、rocket lazy load、unveil lazy load和lazy load for videos。
疯狂
- 费用:免费
- 活跃安装:100,000+
这个免费插件不是提供无损压缩,而是自动将图像大小调整为更“健全”的分辨率。它能够设置图像的最大宽度、高度和质量,并且可以将 bmp 文件转换为 jpg。
imsanity 会自动将上传的巨大图像调整为更适合在浏览器中显示的大小,但对于典型的网站使用来说仍然足够大。该插件可配置最大宽度、高度和质量。
wp http 压缩
- 费用:免费
- 活跃安装:5,000+
此插件以 gzip 格式压缩您的页面(如果浏览器支持压缩页面)。http 压缩可以将页面大小减少 60-80%,使页面加载速度提高三到四倍。
如果浏览器支持压缩,此插件允许您的 wordpress 博客输出以 gzip 格式压缩的页面。
您还可以从上面提到的 w3 total cache 或在您的网络主机控制面板的设置中启用 gzip 压缩。
#11。更多提示
- 清空你的垃圾。您的数据库中可能有很多垃圾会降低您网站的性能。默认情况下,wordpress 会在三十天后自动删除垃圾箱。您可以从仪表板手动清空垃圾箱,我们将在下一篇文章中分享一些有用的插件。
- 通过删除所有不必要的数据来缩小 javascript 和 css 文件。css minifier列出了一些可以帮助您做到这一点的工具。
- 关闭引用和引用。每次有人提到您的网站时,它们都会使用服务器和数据库资源。关闭设置(来自 wordpress 的讨论设置)不会破坏反向链接,只会破坏生成的工作。
试试吧!
你的网站有多慢?使用上面列出的工具之一来找出答案。然后尝试一种或多种策略并再次测试您的速度。然后重复。