网页优化的技巧有哪些(网站性能优化 10 个步骤)

SEO投稿 06-06 9:02 8次浏览

我的网站有多慢?

您的网站可能不会让您感觉缓慢。您的浏览器很可能已经缓存了它,因此您不会像新访问者那样体验它。

以下是一些服务,它们会告诉您页面加载需要多长时间,并告诉您页面的整体文件大小:

  • 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 压缩静态内容。压缩文件更小,因此显然加载速度更快。

  1. 如果您在共享服务器上,最好的选择是直接从 cPanel 启用 gzip 压缩(如果您的主机为您提供)。
  2. 您可以使用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 的讨论设置)不会破坏反向链接,只会破坏生成的工作。

    试试吧!

    你的网站有多慢?使用上面列出的工具之一来找出答案。然后尝试一种或多种策略并再次测试您的速度。然后重复。

    • 暂无推荐