加快您的WordPress网站的15种方法

  • A+
所属分类:建立更好的网站

加快网站访问速度是获得更多流量和增加销售额的唯一保证方法。

2010年,Google 确认网站速度是影响搜索排名的200多项指标之一。他们的数据表明,当页面加载缓慢时,人们会花更少的时间在您的网站上。然而,我们大多数人很少关注使我们的网站速度更快。

也许对WordPress网站的内部速度触发器进行微调太艰巨。

如果加载时间超过3秒或页面大小超过2MB,那么这可能是一个大问题,无论是在销售损失还是服务器费用上,都使您付出了高昂的代价。

还有如许多免费的在线工具WebPageTestGTmetrix谷歌PageSpeed Insights会Pingdom,可以帮助您确定导致缓慢的加载时间,并为您的网站解决用户体验不好的问题。

下面是管理网站性能的方法

1.启用压缩

压缩CSS和Javascript文件将帮助浏览器更快地下载它们。

Gzip压缩可以轻松地将文件大小从200 + KB(未压缩)减小到小于40KB(压缩)。只要您的服务器启用了压缩,就可以利用它。

您可以通过在服务器上启用压缩功能来确保用户在台式机和移动设备上都将获得极大的网站加速

在您的.htaccess文件中添加以下代码段,以启用对静态文件的压缩。

AddOutputFilterByType DEFLATE application/x-httpd-php text/php text/html text/plain text/css text/xml application/x-javascript text/javascript application/javascript text/x-js

BrowserMatch ^Mozilla/4 gzip-only-text/html

BrowserMatch ^Mozilla/4\.0[678] no-gzip

BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

Header append Vary User-Agent

2.优化图像

图片是造成网站速度下降的主要原因。在将图片上传到您的网站之前,请务必对其进行优化(尤其是50KB以上的图片)。

优化它们的最佳方法是使用Photoshop或任何其他图像处理软件。以高达60%的图像质量保存网络图像。

您还应该对JPG文件使用渐进式图像,因为渐进式图像渲染可提供更流畅的用户体验。

3.将Javascript文件移到页脚

尽管jQuery,Mootools和Prototype之类的JavaScript库很棒,因为它们扩展了您网站的功能,但它们也可能降低网页打开速度。

在下载页面标题中的所有Javascript文件之前,浏览器不会开始加载内容。

解决此问题的一种简单方法是将Javascript文件(在初始页面呈现过程中不需要的Javascript文件)从页面的页眉移动到页脚。

如果使用WordPress,则可以在主题处将脚本调用从header.php移动到footer.php,并在每次使用wp_enqueue_script函数时将true用作第四个参数。

4.确保已启用KeepAlive

Apache(低成本托管服务器最常用于共享托管计划的服务器)具有一个称为KeepAlive的强大“功能”,该功能可为多个HTTP请求保持连接打开状态。

确保在您的托管服务器激活了KeepAlive。

如果您有权访问httpd.conf文件,请通过确保其中包含“ KeepAlive On”来启用KeepAlive,否则只需在.htaccess文件中添加以下代码即可。

<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>

5.合并CSS文件

浏览器只能同时处理这么多HTTP请求。达到此限制后,某些文件将等待下载。

通过仅将所有CSS文件合并到一个CSS文件中,页面的呈现速度将大大提高。

如果您的CSS文件小于2KB,则应内联它们,而不是发出额外的HTTP请求。

WordPress有一些很棒的插件,例如Autoptimize  和Better WordPress Minify,可以帮助您合并甚至内联CSS样式表。

6.启用缓存

高速缓存可以极大地缩短不经常更改的页面的加载时间。

通过在站点上启用缓存,您的代码不会一遍又一遍地生成同一页面。这样,用户体验会更好,并且服务器可以处理更多流量。

W3 Total CacheWP Super Cache  和WP Fastest Cache  只是免费的WordPress插件的一小部分,它们提供不同类型的缓存,例如页面缓存,数据库缓存和对象缓存等。

7.使用CDN加速

无论您使用的是WordPress,Joomla,Magento,Drupal之类的CMS,还是定制的PHP或HTML网站,我都强烈建议您配置CDN加速。

CDN是服务器的分布式系统,部署在整个Internet的多个数据中心中。
当客户访问您的网站时,服务器会从地理位置上最接近图像和CSS文件的静态内容中获取这些内容,以便更快地呈现它们。

顺便说一下,由于有了CDN,服务器的负载也大大减少了。

8.最小化HTTP请求的数量

您拥有的HTTP请求越多,站点的加载时间就越慢。

组合您的CSS文件,合并Javascript文件,以及将图像组合到数据精灵中,以尽可能减少HTTP请求。

当我在客户端站点上工作时,我的主要目标之一是最大程度地减少每页加载的HTTP请求的数量。

9.为图像选择正确的文件类型

使用JPG作为默认值。它是最小和最快的加载文件类型。

仅将PNG用于带有文本的图像(JPG光栅化文本使其变得模糊)或需要透明背景时使用。

尽量减少甚至消除任何沉重的GIF文件,因为它们会大大减慢您网站的加载时间。

10.修正404错误

信不信由你,任何丢失的文件都会生成404 HTTP错误,并且肯定会减慢您网站的加载时间。

在呈现页面期间,请始终检查是否有404错误,以实现最快的加载时间。

11.保持您的页面最小

尽管试图在每个页面中显示很多内容是很诱人的,但是您应该尝试将页面大小保持在最小。

这对于移动设备而言更为重要。必须通过3G连接通过移动设备加载2MB站点是灾难的根源。考虑到用户不希望等待超过2-3秒才能呈现页面。

12.缩放图像

切勿在HTML中即时缩放图像。按照页面中将使用的确切尺寸创建所需图像的缩略图。

例如,如果您有一个1200px x 675px的图像,并且想要使用480px x 270px的“缩放”版本,请为原始图像创建一个新的调整大小版本,然后改用该版本。

该图像使用缩放的缩略图链接到图像的“大”版本,而不是在HTML中更改图像的尺寸。

13.利用浏览器缓存

对于不经常更改的资产,Google建议最短缓存时间为一周,最好为一年。

为所有服务器对静态文件(图像,CSS和Javascript)的响应设置缓存策略,以便浏览器可以确定是否可以重用以前加载的文件。

通常可以通过在.htaccess文件中添加此代码段(用于共享托管计划)来完成此操作。

<ifmodule mod_expires.c>

ExpiresActive On

ExpiresByType text/html “access plus 7200 seconds”

ExpiresByType image/gif “access plus 864000 seconds”

ExpiresByType image/jpg “access plus 864000 seconds”

ExpiresByType image/png “access plus 864000 seconds”

ExpiresByType text/css “access plus 864000 seconds”

ExpiresByType text/javascript “access plus 864000 seconds”

ExpiresByType application/javascript “access plus 864000 seconds”

</ifmodule>

14.优化数据库

只要您有数据库驱动的站点(包括WordPress和所有其他基于CMS的站点),那么请确保优化数据库。

监视您的代码以进行慢查询。如果您在VPS或专用服务器上,请启用查询缓存并优化数据库服务器配置。

尽管完整的数据库优化可能是一个非常棘手且耗时的过程,但是phpMyAdmin通过“优化表”为您提供了一些基本的优化选项。

加快您的WordPress网站的15种方法
通过phpMyAdmin优化数据库

15 . 选择好的服务器托管商

选择满足您站点需求的托管计划。

大多数托管公司都会对其共享托管计划施加限制,并且每台服务器托管数百个站点,以将费用保持在最低水平。

你得到你所付出的。如果您有电子商务网站,繁重的CMS,大量流量或流量高峰,请避免共享托管计划。

综上所述,优化网站的加载时间对您和潜在客户都是双赢的局面。

想象一下,您的用户将多么高兴看到超快的加载时间!

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: