11个技巧提升wordpress网站的打开速度

2021-04-30 15:14:08  14 浏览  0 评论   赞

Cookie的静态化制作;设置静态内容的缓存;优化数据库;尽量缓存媒体;使用CDN;压缩JS和CSS文件;压缩图像;GZIP压缩;服务器环境

11个技巧提升wordpress网站的打开速度

图9510-1:

wordpress很强大,但是强大之余也有一堆烂摊子要使用者收拾,那就是较高的服务器占用,和速度实在不咋滴。如果你用wordpress来做CMS站点那么你如果用主机托管那么一定杯具了,用VPS内存小了宽带小了也麻烦。其他人都是教了一招,这次我汇集百家所长,十招齐发,十管齐下,勇者无敌!

大家多说时间就是生命,可能几秒钟的等待就会让网站失去一个访客,对于网站的速度你不能等!

1.Cookie的静态化制作

约有80%至90%的时间,访客要花费大量的时间等你的WordPress加载静态内容。这意味着,有大部分的时间,用户浏览您的网站,他们正在等待加载,如:图像,CSS,JS脚本,flash等等。所以你可以优化内容,更快捷地让WordPress加载一个cookie域。消除了负载时的一些珍贵的时间,当然了这可能看起来并不多,但添加其他拖延问题时,才能真正减少时间损失。

我不知道其他源码的网站应该怎么做,但是wordpress很简单只要修改一下wp-config.php就好了!

在合适的位置加入:

define("wp_content_url", "http://static.***.com");

define("cookie_domain", "www.***.com");

然后用“bloginfo(template_directory')”这段代码加入你要实现的静态内容中即可!

2.设置静态内容的缓存

静态的内容缓存,我就不多介绍了,你用相关的缓存插件也需要这个步骤,那就是修改.htaccess文件

代码如下:

<ifmodule mod_expires.c>

expiresactive on

# Perhaps better to whitelist expires rules? Perhaps.

expiresdefault      "access plus 1 month"

# cache.appcache needs re-requests

# in FF 3.6 (thx Remy ~Introducing HTML5)

expiresbytype text/cache-manifest "access plus 0 seconds"

# Your document html

expiresbytype text/html "access plus 0 seconds"

# Data

expiresbytype text/xml "access plus 0 seconds"

expiresbytype application/xml "access plus 0 seconds"

expiresbytype application/json "access plus 0 seconds"

# RSS feed

expiresbytype application/rss+xml "access plus 1 hour"

# Favicon (cannot be renamed)

expiresbytype image/x-icon "access plus 1 week"

# Media: images, video, audio

expiresbytype image/gif "access plus 1 month"

expiresbytype image/png "access plus 1 month"

expiresbytype image/jpg "access plus 1 month"

expiresbytype image/jpeg "access plus 1 month"

expiresbytype video/ogg "access plus 1 month"

expiresbytype audio/ogg "access plus 1 month"

expiresbytype video/mp4 "access plus 1 month"

expiresbytype video/webm "access plus 1 month"

# HTC files  (css3pie)

expiresbytype text/x-component "access plus 1 month"

# Webfonts

expiresbytype font/truetype "access plus 1 month"

expiresbytype font/opentype "access plus 1 month"

expiresbytype application/x-font-woff   "access plus 1 month"

expiresbytype image/svg+xml "access plus 1 month"

expiresbytype application/vnd.ms-fontobject "access plus 1 month"

# CSS and JavaScript

expiresbytype text/css "access plus 1 year"

expiresbytype application/javascript "access plus 1 year"

expiresbytype text/javascript "access plus 1 year"

<ifmodule mod_headers.c>

header append Cache-Control "public"

</IfModule>

</IfModule>

3.优化数据库

有一个方法来为的服务器减压,怎样才能优化wordpress的数据库呢?自然是用代码,用代码,嘿嘿,你可能编辑了几个小时都没有效果!wordpress的免费插件使得这个问题变得简单,个人推荐yoast Optimize DB和WP DB Manager。牢记大多数缓存插件还帮助了很多本,所以你会发现大多数正在采取照顾您已经现存的缓存软件的工作量。

4.尽量缓存媒体

创建缓存可以很简单地通过插件完成。从本质上讲,这些新增转成静态页面,所有这些方式,既方便加载,又节省您的浏览器前端的滞后。那么,什么插件,听我的建议吧。

我最喜欢的缓存工具:wp Super Cache, Hyper Cache,和W3 Total Cache。用这些生成HTML文件,可以节省更多的时间。

5.使用CDN

CDN加速目前很火,那么自然火是有一定的道理的,因为CDN可以加速呀。呵呵,cdn一般是收费,不过免费的CDN也有。

下面为大家推荐一些实用的免费CDN:

免费CDN:Webluker,cloudflare

6.压缩JS和CSS文件

你可能只听过说JS和CSS文件的库转移,总没有听说过压缩吧。呵呵,这个方法是很异想天开,但是就是有人做到了,并且开发了压缩的实用工具,当然机器的压缩并不尽人意,你也可以手工压缩。

js压缩工具推荐:closure Compiler ,Minify JavaScript. CSS压缩工具推荐:Minify CSS ,CSS Compressor

7.压缩图像

图像的加载也是比较耗时的,想你如果试用BMP或者PSD作为图像那么速度一定和蜗牛爬一样,比较高质量保存的PNG文件我也不怎么推荐。建议试用JPG压缩,但是也不要过度!不然图片会失真。

通过wp Smush.it插件你可以比较简单的来压缩图片!

8.GZIP压缩

GZIP的压缩在一定限度内是很不错的!而且通过gzip压缩不仅能够加速而且还可以屏蔽广告(免费空间的福音啊)GZIP的压缩代码交给你!修改.htaccess文件

<ifmodule mod_deflate.c>

# force deflate for mangled headers

# developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/

<ifmodule mod_setenvif.c>

<ifmodule mod_headers.c>

setenvifnocase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)s*,?s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding

requestheader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding

</IfModule>

</IfModule>

# HTML, TXT, CSS, JavaScript, JSON, XML, HTC:

<ifmodule filter_module>

filterdeclare   COMPRESS

filterprovider  COMPRESS  DEFLATE resp=Content-Type $text/html

filterprovider  COMPRESS  DEFLATE resp=Content-Type $text/css

filterprovider  COMPRESS  DEFLATE resp=Content-Type $text/plain

filterprovider  COMPRESS  DEFLATE resp=Content-Type $text/xml

filterprovider  COMPRESS  DEFLATE resp=Content-Type $text/x-component

filterprovider  COMPRESS  DEFLATE resp=Content-Type $application/javascript

filterprovider  COMPRESS  DEFLATE resp=Content-Type $application/json

filterprovider  COMPRESS  DEFLATE resp=Content-Type $application/xml

filterprovider  COMPRESS  DEFLATE resp=Content-Type $application/xhtml+xml

filterprovider  COMPRESS  DEFLATE resp=Content-Type $application/rss+xml

filterprovider  COMPRESS  DEFLATE resp=Content-Type $application/atom+xml

filterprovider  COMPRESS  DEFLATE resp=Content-Type $application/vnd.ms-fontobject

filterprovider  COMPRESS  DEFLATE resp=Content-Type $image/svg+xml

filterprovider  COMPRESS  DEFLATE resp=Content-Type $application/x-font-ttf

filterprovider  COMPRESS  DEFLATE resp=Content-Type $font/opentype

filterchain     COMPRESS

filterprotocol  COMPRESS  DEFLATE change=yes;byteranges=no

</IfModule>

<ifmodule !mod_filter.c>

# Legacy versions of Apache

addoutputfilterbytype DEFLATE text/html text/plain text/css application/json

addoutputfilterbytype DEFLATE application/javascript

addoutputfilterbytype DEFLATE text/xml application/xml text/x-component

addoutputfilterbytype DEFLATE application/xhtml+xml application/rss+xml application/atom+xml

addoutputfilterbytype DEFLATE image/svg+xml application/vnd.ms-fontobject application/x-font-ttf font/opentype

</IfModule>

</IfModule>

9.禁用ETAGS

ETAGS可能我也搞不懂,但是你仅用了它就可以加速了,所以你管他神马ETAGS你说是不?

在.htaccess 文件中+这一行!

file ETag none

10.服务器环境

使用lamp环境或者lnmp环境,可以更好的支持wordpress并且风险系数低,也很安全,估计你的服务器或者vps几年都不会重启一次,所以网上总是我自己的linux密码忘记了重启怎么办! 这就是免费惹的祸,真是躺着也中枪啊!

总结:

这些方法中大多数只适合在LAMP或者LNMP的环境下,所以使用wordpress就必须要在linux环境下,win环境下的wordpress你会遇到一些列的问题!

 

转载请注明:网创网 www.netcyw.cn/b9510.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com