一、背景
假设有一个图片浏览的网页,每日pv量大概在80,000,000左右,uv量在3,000,000左右,现需要统计每张图片的pv量。
二、方案
方案1 每浏览一张图片,发送图片id和浏览数量到后台,并记录到数据库(可能会涉及到缓存机制,比如Memcache)
方案2 在页面中用js记录用户访问每张图片的次数,在用户关闭网页或刷新页面时,发送图片id和浏览数量到后台,并记录到数据库(可能会涉及到缓存机制,比如Memcache)
分析:
方案1中,需要发送大概80,000,000次(pv量)数据到后台,而方案2中只需要发送3,000,000次(uv量)数据,降低了1个数量级,这大大减轻了接入层机器的负载
三、实现
采用方案2。需要根据用户的关闭网页行为做js事件触发,此处我们用到onbeforeunload事件。
假设有一个图片浏览的网页,每日pv量大概在80,000,000左右,uv量在3,000,000左右,现需要统计每张图片的pv量。
二、方案
方案1 每浏览一张图片,发送图片id和浏览数量到后台,并记录到数据库(可能会涉及到缓存机制,比如Memcache)
方案2 在页面中用js记录用户访问每张图片的次数,在用户关闭网页或刷新页面时,发送图片id和浏览数量到后台,并记录到数据库(可能会涉及到缓存机制,比如Memcache)
分析:
方案1中,需要发送大概80,000,000次(pv量)数据到后台,而方案2中只需要发送3,000,000次(uv量)数据,降低了1个数量级,这大大减轻了接入层机器的负载
三、实现
采用方案2。需要根据用户的关闭网页行为做js事件触发,此处我们用到onbeforeunload事件。
代码如下:
<script>
var g_img_pv = {}; //用于记录图片id和点击次数
function Fempty(v){
if(v!=null && (typeof(v)=='object' || typeof(v)=='function')) return false;
return ((""==v || undefined==v || null==v)?true:false);
}
function FaddEvent(e,evt,fn,isID)
{
if(isID==true) e=Fid(e);
if(!Fempty(e.attachEvent) && (typeof(e.attachEvent)=="function" || typeof(e.attachEvent)=="object"))
e.attachEvent("on"+evt,fn);
else if(!Fempty(e.addEventListener) && (typeof(e.addEventListener)=="function" || typeof(e.addEventListener)=="object"))
e.addEventListener(evt,fn,false);
}
function stat_img_pv()