如何提高WordPress的加载速度

针对wordpress加载速度慢的原因:

1. 由于Wordpress系统默认使用谷歌字体,在国内谷歌域名被屏蔽,所以导致操作反应慢。对于很多商业主题默认使用了谷歌字体、谷歌ajax库、谷歌地图等谷歌服务,所以导致网站前台访问速度慢。

解决方法:

找到Wordpress这个文件 \wp-includes\script-loader.php,找到:fonts.googleapis.com,全部替换成:fonts.useso.com。Useso take over Google”。

2.去除复杂冗余的WordPress头部文件:

把脚本添加到FUNCTION.PHP(当前主题下)文件中

remove_action( ‘wp_head‘, ‘feed_links_extra‘, 3 ); //去除评论feed
remove_action( ‘wp_head‘, ‘feed_links‘, 2 ); //去除文章feed
remove_action( ‘wp_head‘, ‘rsd_link‘ ); //针对Blog的远程离线编辑器接口
remove_action( ‘wp_head‘, ‘wlwmanifest_link‘ ); //Windows Live Writer接口
remove_action( ‘wp_head‘, ‘index_rel_link‘ ); //移除当前页面的索引
remove_action( ‘wp_head‘, ‘parent_post_rel_link‘, 10, 0 ); //移除后面文章的url
remove_action( ‘wp_head‘, ‘start_post_rel_link‘, 10, 0 ); //移除最开始文章的url
remove_action( ‘wp_head‘, ‘wp_shortlink_wp_head‘, 10, 0 );//自动生成的短链接
remove_action( ‘wp_head‘, ‘adjacent_posts_rel_link‘, 10, 0 ); ///移除相邻文章的url
remove_action( ‘wp_head‘, ‘wp_generator‘ ); // 移除版本号

3.检查是否有垃圾评论

4.优化图片缓存

用到jQuery lazy load plugin插件解决图片缓冲 WP-Super-Cache可以缓存内容,尤其是我们的WP是用伪静态的时候

5.css、javascript改由外部调用

6.压缩Javascript、CSS代码

7.避免采用301、302转向

8.Ajax调用尽量采用GET方法调用

实际使用XMLHttpRequest时,如果使用POST方法实现,会发生2次HTTP请求,而使用GET方法只会发生1次HTTP请求。如果改用GET方法,HTTP请求减少50%!

9.使用多域名负载网页内的多个文件、图片

记得有资料说明,IE在网页载入过程中,在同1时刻,对同1域名并行加的HTTP请求数 量最高为2个,如果网页需要加载的文件数量超过2个(通常远远超过..),要加快网页访问速度,最好将文件分布到多个域名,例如19楼,其js文件采用独 立的域名,据说百度的图片服务器数量在20台以上

10.使用简答的WordPress主题,选择国内的主机商(主机空间的优化

如果我们使用VPS服务器的时候,自己搭建的环境还是比较重要的。比如我们选择服务器的配置、内存、硬盘是否SSD等都还是关乎到网站的执行效率。比如我们需要给机器开启GZIP压缩,提高网站文件的加载速度。我们定期需要检查服务器的缓存文件,有些时候可能缓解满了导致网站打不开。

11.使用WordPress缓存插件压缩JS和CSS文件图片的压缩处理

如果我们的WORDPRESS程序本身的图片需要的时候,可以把图片用到一张图片上,然后进行定位获取的方法,减少图片的加载数量。或者我们可以采用类似前端框架一样的样式图片,总之尽量的少用图片到主题中。对于内容本身的图片,我们需要尽量的压缩,也可以类似JS和CSS,图片直接单独存储到第三方加速存储空间中。

12.数据库的优化工作

因为WORDPRESS都是动态的,所以我们任何的读取查找写入都会经过数据库,而且一定时间之后数据库会有不少的碎片文件,我们需要进行定期的优化。使用WP-Optimize插件定期检查数据库的多余文件和优化。

13.懒加载图片

图片懒加载也就是图片延时加载,简单点说就是只加载页面上能看到的图片,从而减短页面的等待时间,当访客需要看其他的图片的时候再加载相应的图片。这里也是推荐一个插件了,WordPress所有的问题都可以用插件解决,这是真理。(a3 Lazy Load插件)

14.使用CSS Sprites精灵图

   CSS Sprites原理

CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。

  CSS Sprites优点

利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;
    CSS Sprites能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。

时间: 2024-11-06 03:47:36

如何提高WordPress的加载速度的相关文章

提高网站页面加载速度的方法

我们在访问一些网站时,总是感觉页面加载的速度不够快,这是什么原因导致的呢?作为网站的开发者又能做哪些优化,来提高页面的加载速度呢? 工具/原料 网页开发工具 方法/步骤 1 优化图像.图像能吸引访客的注意,但是每一张图片都需要从服务器下载到访客的电脑中,这无疑增加了页面的加载时间.因此,必须优化图像.优化方法包括适当减小图片尺寸,降低图片的颜色深度. 2 去掉不必要的插件.一些免费的插件能够增强网页的功能,但是如果添加了过多的插件,就会增加服务器的负担和页面加载时间.在构建页面时,去掉不必要的插

提高网站第一次加载速度

特别是在手机端访问,用户第一次打开网站,如果得到反馈的时间太久,用户很可能在页面完成加载之前就离开,不会再次访问.所以,网站.web App,提高首次访问的加载速度就显得特别重要了.第一次加载速度是用"首字节的时间"测量的,即从用户点击访问到从服务器返回第一个字节所用的时间,绝大多数情况下,真正的原因在于前端,PageSpeed YSlow和其他无数的工具和服务用来解决这些问题. 浏览器是如何加载页面的 解析域名à发起请求à下载响应à渲染页面 当浏览器要渲染页面的时候,如果页面中有CS

wordpress后台加载速度异常缓慢排查记录(原创)

原因在于在function.php函数中加入了下面的代码导致了缓慢: //停用版本更新通知remove_action('load-update-core.php', 'wp_update_themes'); add_filter('pre_site_transient_update_themes', create_function('$a', "return null;"));//停用插件更新通知remove_action('load-update-core.php', 'wp_upd

Web前端优化,提高加载速度

研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页.也许这样讲,各位还不会有太多感触,接下来我列举一组数据:Google网站访问速度每慢400ms就导致用户搜索请 求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms延迟会导致流量下降5-9%.网站的加载速度严重影响了用户体验,也决定了这个网站的生死存亡. 可能有人会说:网站的性能是后端工程师的事情,与前端并无多大关系.我只能说,too young too sim

Web前端性能优化——如何提高页面加载速度

前言:  在同样的网络环境下,两个同样能满足你的需求的网站,一个"Duang"的一下就加载出来了,一个纠结了半天才出来,你会选择哪个?研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页.也许这样讲,各位还不会有太多感触,接下来我列举一组数据:Google网站访问速度每慢400ms就导致用户搜索请 求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms延迟会导致流量下降5-9%.网站的加载速度严重影响了用户

【转】Web前端性能优化——如何提高页面加载速度

前言:  在同样的网络环境下,两个同样能满足你的需求的网站,一个"Duang"的一下就加载出来了,一个纠结了半天才出来,你会选择哪个?研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页.也许这样讲,各位还不会有太多感触,接下来我列举一组数据:Google网站访问速度每慢400ms就导致用户搜索请 求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms延迟会导致流量下降5-9%.网站的加载速度严重影响了用户

优化网站加载速度的14个技巧

本文为转载,原作者版权声明在最下方.个人觉得总结的很好 优化了加载速度的网站不仅可以提高其搜索引擎的排名,同时也可以降低网站的跳出率,提高其转换率,还能提供更好的终端用户体验,这是当今基于Web环境取得成功的关键. 下面我将介绍几个优化网站加载网页速度的简单方法,一起来看一下. 1.服务器响应时间 即使网站已经格外优化,但是除非服务器响应时间非常快,否则就不会有什么大的效果.当涉及到提高网站的速度,服务器响应时间起着重要的作用.下面是一些提高服务器响应时间的小贴士. ●有独立的服务器,而不是选择

前端设计师---优化页面的加载速度

一:从脚本入手的优化: 删除javascript中不必要的注释,简洁优化代码是必须养成的好习惯,尽量不要将函数的调用直接加在HTML标签中<div onclick="">这种用法不被提倡.尽量使用js动态添加,减少标签污染,提高代码的可复用性. 合并相似的js代码,或者可以直接封装成函数,既提高代码复用性,又省去加载脚本的时间. 引入JavaScript 编写的 jQuery 插件Lazy Load,它可以延迟加载长页面中的图片.在浏览器可视区域外的图片不会被载入,直到用户

优化网站加载速度

综合来讲:从图片,js,css和请求数着手. 1.合并Js文件和CSS 将JS代码和CSS样式分别合并到一个共享的文件,这样不仅能简化代码,而且在执行JS文件的时候,如果JS文件比较多,就需要进行多次“Get”请求,延长加载速度,将JS文件合并在一起后,自然就减少了Get请求次数,提高了加载速度. 2.Sprites图片技术 Spriting是一种网页图片应用处理方式,它是将一个页面涉及到的所有零星图片都包含到一张大图中去,然后利用CSS技术展现出来.这样一来, 当访问该页面时,载入的图片就不会