博客

WordPress 优化:给网站加速的16条建议

1.选择一个好的主机

对于在使用免费主机或者共享主机(Godaddy啊、Bluehost啊等等所谓无限带宽、无限网站之类的主机)的读者来说,你可以直接忽略掉这一小节了。

首先,你的域名和你的主机最好在一个IDC哪儿,如果不是的话,建议你采用口碑良好的DNS服务商,让域名以最快的速度解析到主机上,这不是重点,重点是你的服务器/主机空间应该够快,怎么才能够快呢?CPU的配置、CPU的使用率、物理内存的大小、磁盘类型以及磁盘的I/O性能(包括Mysql数据库服务器所用磁盘)、Mysql响应速度以及Mysql并发数等等,都会影响到网站的快与不快,并且是物理性的影响。

 

2.选择一个更快的主题

什么样的主题才能更快呢?直观来看,包含尽量少的php、js、css和字体(字体或图标字体)文件的主题性能会好些。从代码来看,编码合理并在正确的页面载入正确的文件的主题会好些。

 

3.选择一个缓存插件

推荐使用 W3 Total Cache 或者 WP Super Cache ,都是免费的,但是都很好使,我个人更喜欢W3 Total Cache,因为它支持:页面缓存、HTML压缩、对象缓存、数据库缓存、客户端浏览器缓存、以及CDN。

阅读全文

标准
博客

WordPress 插件:WordPress SEO by Yoast 极度流行的SEO插件

SEO 一直是各位站长们想做好的地方,说简单也简单,但是说难也难,因为需要注意的地方太多,一个不小心被百度K了你都不知道怎么回事。所以这里和大家推荐一下这款名叫 WordPress SEO by Yoast 的SEO优化插件。

WordPress平台上扩展插件极多,也不乏许多优秀的SEO插件,这里我向大家推荐这款名叫 WordPress SEO by Yoast 的 SEO 插件。WordPress SEO by Yoast 插件不论在大体的呈现上还是细节的优化把握都非常好,是不可多得的好插件,相比 All in one seo pack 做的更加优秀。

无论使用哪一款优化插件,都请记住一点:内容与用户体验永远为王!

WordPress SEO by Yoast 插件在安装启用后会弹出类似向导一样的对话框,直接关闭即可,因为这个向导主要是针对国外用户,国内用户看我这里就好。

官方下载地址:https://wordpress.org/plugins/wordpress-seo/

 

第一步:常规设置

在这一栏的设置内分别有:常规、跟踪、安全以及网站管理员工具,这里前三项保持默认即可,如果你有开通以下几个搜索引擎的网站管理员工具那就用上。

wordpress-seo-1

阅读全文

标准
博客

主流浏览器Hack写法 解决浏览器兼容问题

此处的“hack”并非是网络中很神秘的组织“黑客”,而是使用他们可以帮助你解决浏览器下一些怪异和特殊的bug。很多时候对于这样的讨论也非常多,比如说在您的代码中应不应该使用hack?甚至延伸到使用“hack”是一个优秀的前端人员?其实,有时候是逼不得以,必须为之。

有关于hack的使用方法和种类,互联系网上成千上万,比较典型的介绍有:

  1. Browser CSS Hacks
  2. Moving IE specific CSS into @media blocks
  3. Detecting browsers javascript hacks
  4. Browser Specific Hacks
  5. Browser-Specific CSS Hacks
  6. CSS hacks

大家平时看得多的应该是IE浏览器的hack写法比较多,但对于现代浏览器,比如说Safari、Chrome、Firefox等浏览器的hack写法并不多见,甚至有的不知道怎么写。如果您是属于后者,根本不知道各浏览器下具有哪些hack手段,不要着急。因为Hugo GiraudelTim Pietrusky将各浏览器下的hack写整理放在了Browserhacks.com之上。当然也要非常感谢Paul IrishNicolas Gallagher所做的补充与说明。为了国内前端开发者更好的查阅,我将Browserhacks.com上有关于各种浏览器的hack写法搬移到w3cplus上,以供大家翻阅与查找。

一、Chrome浏览器

选择器Hack

/* Chrome 24- and Safari 5- */
::made-up-pseudo-element, .selector {
  代码放在这里
}	

媒体查询Hacks

/* Chrome, Safari 3+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  代码放在这里	
}	

JavaScript Hack

/* Chrome */
var isChrome = Boolean(window.chrome);	

阅读全文

标准
博客

WordPress 插件:WP Smush.it 无损压缩网站图片

wp-smushit

网页加载的图片越大,不仅耗费更多的流量,还会严重影响网站的加载速度,所以做好图片优化是十分必要的。压缩图片的方法很多,可以使用本地软件,也可以在线压缩,比如雅虎的 Smush.it 就非常好用。大家不妨自己试试效果:访问Smush.it

如果你使用 WordPress 程序,可以安装 WP Smush.it 插件来自动压缩图片。

WP Smush.it 简介

WP Smush.it 的作用就是自动将你网站的图片上传到Smush.it 服务器,压缩处理后再下载回你的空间,前后的文件路径和名字都不会改变。比较智能的是,已经压缩过的图片不会再自动上传压缩,而且,图片的效果和质量几乎没有改变,也就是所谓的无损压缩。

WP Smush.it 主要功能

1. 剥离 JPEG 文件的元数据;

2. 优化 JPEG 压缩;

3. 将某些 GIF 图像转换为索引 PNG;

4. 从索引图像中剥离未使用的颜色;

阅读全文

标准
博客

百度云观测优化建议解决方案:未设置max-age或expires

网页的缓存是由 HTTP 消息头中的 “Cache-control” 来控制的,常见的取值有 private、no-cache、max-age、must-revalidate 等,默认为private。其作用根据不同的重新浏览方式分为以下几种情况:

(1) 打开新窗口

如果指定cache-control的值为private、no-cache、must-revalidate,那么打开新窗口访问时都会重新访问服务器。而如果指定了max-age值,那么在此值内的时间里就不会重新访问服务器,例如:

Cache-control: max-age=5

表示当访问此网页后的5秒内再次访问不会去服务器。

阅读全文

标准