-Flyぁ梦- » Firefox http://blog.11034.org Sun, 22 Jun 2025 08:59:05 +0000 zh-CN hourly 1 https://wordpress.org/?v=4.2.38 加速你的网站，Google page speed http://blog.11034.org/2010-12/google_page_speed.html http://blog.11034.org/2010-12/google_page_speed.html#comments Fri, 03 Dec 2010 17:44:00 +0000 http://blog.stariy.org/?p=689 前些日子接触了Google webmasters，看到了page speed，于是下载试用。page speed是Firefox下Firebug的一个附件，依赖于Firebug。很好用，能迅速列出所有影响网页加载速度的原因及优化方法，然后分三部分：红色警告、黄色警告和绿色通过。对于网站管理员来说十分值得一用，大力推荐。

Google page speed的官方网页：http://code.google.com/speed/page-speed/，包括下载和文档。

page speed提出的几个方面的加速方法，主要针对网站的静态资源，如css、js、image和静态html等

  • 尽量合并css和js文件

理由很简单，数量少了，http请求就好了，当然就加速了。不过这点基本很难优化，多个js和css往往属于不同的模块，所以一个模块下尽量只有1个css文件和1个js文件吧。page speed给出（红色警告）。

  • gzip压缩css、js、image文件

gzip技术可以将css和js文件压缩减少大约60%以上的大小，我的博客首页被提示压缩可节省68%的大小。压缩的副作用是多吃CPU，压缩率越高CPU吃的也越多。要开启gzip压缩，需要在apache、nginx等web服务器上配置，比较有技术性。page speed给出（红色警告）。

  • 缓存，Last-Modified、Expires和Etag

浏览器缓存又可以减少大量的http对静态资源的请求，通过设置Last-Modified、Expires和Etag这几个http头属性，可以将基本不会变化的静态资源缓存个把个月。此些设置也要在web服务器上配置，当然如果是Java或Python某些框架可以对静态资源的URL也抓到的可以通过程序来实现，php wordpress的话就不知道了。page speed给出（红色警告）。

  • 优化css（黄色警告）

把css放在文档head中；避免@import；选择符层次不要太深，像div table tr td .center{ } 这样。需要较高css技巧恩。page speed给出（黄色警告）。

前面几个优化点基本还是算广为人知的，下面几个优化点我也是第一次知道，很有意思。

  • 从一个永不设置cookie的域获取静态资源

查了文档后，大致明白了原因。因为静态资源只有http头，而没有content，所以带cookie插入的域的http包就会比较大，cookie域在http包中的比例一般比较大。还有可能因为cookie的原因导致Last-Modified修改而影响缓存？我猜的…于是Google推荐用2个域名，专用1个域名来获取静态资源，然后把CNAME设置为网站主域名，就像Google的gstatic.com。page speed给出（红色警告）。

  • 用css sprites处理静态图片资源

不知道什么是css sprites的参见：http://baike.baidu.com/view/2173476.htm。简单就是将所以零碎的小图片合并成一个大图片，然后用csss属性进行精确定位分割。这样可以大大减少对图片的http请求，不过你的css技术可要过硬哦。page speed给出（红色警告）。

  • *可缓存、压缩的资源需要有一个”Vary: Accept-Encoding”

只有大概了解，Google的说法这样静态资源会生成2份，1份压缩后的，1份未压缩的，这样服务器端可以按照客户端的不同要求来选择发送哪一个。page speed给出（黄色警告）。但也在网上有看到如果存在这个属性，cache命中率会降低，不甚理解。打个*号表示此项有争议 = =

看到如此多被page speed警告，大多数还是红色警告，不甚手痒想试着优化，但是由于是虚拟主机的空间没法自己操纵Apache，CPanel貌似也没有提供相关支持，于是更加助长了想要买一个VPS自己搭系统的欲望，但是好贵啊好贵T_T

看看 Firefox , Google , 域名

看看 博客建站

  • 2015-07-29 -- 域名备案和博客迁移至国内
  • 2011-06-08 -- 新空间Dreamhost
  • 2011-03-18 -- 庆祝博客上线一周年
  • 2011-01-08 -- 2个月的搜索引擎状况
  • 2010-11-28 -- 域名更换
    • ]]> http://blog.11034.org/2010-12/google_page_speed.html/feed 9 wp-postviews的防刷新的处理 http://blog.11034.org/2010-09/wp-postviews_do_with_page_refresh.html http://blog.11034.org/2010-09/wp-postviews_do_with_page_refresh.html#comments Tue, 14 Sep 2010 15:11:34 +0000 http://blog.stariy.info/?p=411 wp-postviews是很好用的一款用来统计每篇文章pv（page view）的插件，还能在sidebar提供一个top view的小工具，十分赞，是为数不多的wordpress博客必备的插件之一。不过它有一个不足，就是pv不防刷新，即你对同一篇文章短时间内刷新几次，就是几个pv，而这样的pv是毫无意义的，就起了个念头来改善一下。

    很显然，要记录访问者短时间内访问的每一篇文章，cookie是必须出场的，当然记录的是每篇文章的post id号。能读取到cookie中的所有已阅的文章id，就可以控制是否对此文章的pv更新+1了，在wp-postviews的wp-postviews.php里的process_postviews()函数里插入一个自己的判断函数即可。

    然后一个很大的问题就是何时写入cookie并点击新文章时更新cookie，在wp-postviews.php里面是不行的，因为前面已经有输出了，此处不能写入cookie，比较棘手。然后在主题的single.php试了一下，居然可以，那就在这里写cookie吧。由于在主题的大循环（single.php的显示文章部分）外，无法使用get_the_ID()这个API，而基本上所有的博客都会采用路径重写，而不是默认的/?p=id这种形式，后来发现，在single.php可以使用一个$posts的全局变量，里面有本次请求的基本参数，不了解的同学去print_r()就知道啦，解决了文章id的获取，就可以使用setcookie来写入和更新cookie了。

    试了一下基本没问题，IE、FF、Chrome都支持。很奇怪的一点，为什么single.php是可以操纵写入cookie呢？照理来说，这个文件之前已经有HTML输出了，是应该不能写cookie的，而且我尝试在single.php和wp-postviews.php 2个文件的顶端同时调用exit()，是后者的先出来。这说明先调到了插件计数，然后再显示页面的，但却前面的不能写cookie，后面的反而可以，疑惑了…不知道wordpress是怎么处理的 :?:

    技术部分就到这儿了，另外发现一个奇怪的地方，仅在于Firefox。进入一篇文章的页面，居然cookie里面有2个id，后来发现第二个id是此篇文章的下一篇，即head中<link rel=’next’ />标签。百度后发现，浏览器会根据这标签提前加载页面，相当于同时打开了2篇文章。个人感觉这个功能很鸡肋，起码在wordpress中是如此，看那篇文章完全是因为文章的内容来吸引访问者，又不是RSS，按顺序一篇一篇读下去。不知道算是FF的一个优势还是一个败笔。

    贴一下代码：
    wp-postviews.php的process_postviews()中$post初始化后添加2行：

    1
2

    if(check_cookie($post))
	return;

    wp-postviews.php加入函数：

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

    function check_cookie($post){
	$COOKNAME = 'CookieViews';
	$cookie = $_COOKIE[$COOKNAME];
	$id = $post->ID;
	if(empty($id)){
		return false;
	}
	if(!empty($cookie)){
		$list = explode('a', $cookie);
		if(!empty($list) && in_array($id, $list)){
			return true;
		}
	}
	return false;
}

    single.php写cookie部分，放在最顶端

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

    $COOKNAME = 'CookieViews';
$TIME = 3600 * 24;
$PATH = '/';
 
$id = $posts[0]->ID;
$expire = time() + $TIME;
$cookie = $_COOKIE[$COOKNAME];
if(empty($cookie)){
	setcookie($COOKNAME, $id, $expire, $PATH);
}
else{
	$list = explode('a', $cookie);
	if(!in_array($id, $list)){
		setcookie($COOKNAME, $cookie.'a'.$id, $expire, $PATH);
	}
}

    看看 cookie , Firefox

    看看 Wordpress