小东博客

自动跳转手机版||电脑访问手机版自动跳转电脑版

手机访问电脑版自动跳转手机版代码 <script type="text/javascript"> //手机跳转 var browser = { versions: function() { var u = navigator.userAgent; var app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, presto: u.indexOf('Presto') > -1, pwebkit: u.indexOf('AppleWebKit') > -1, gecko: u.indexOf('Gecko') > -1 && u.indexOf('Khtml') == -1, mobile: !!u.match...

img的lowsrc及图片预载思考 .

img的lowsrc是指当网速比较慢时,先加载一个小的图片,等大图加载完了再显示大图。 虽然现有的网速已经很快了,但是lowsrc的思想在提高用户体验上还是有很大好处,尤其是图片比较大的时候。 当然img的lowsrc没有出现在Web标准里面,那么如何去模拟呢? 主要有两种形式: 一、给img一个背景色或背景图片,这样也能达到类似的效果,虽然不是最理想的; 二、使用JS,实现上应该还是是比较容易的,以下是我的一种写法(当然不同的需求有不同的写法): <script type="text/javascript"> function load_img(url,url_s,o) { var img = new Image(); img.src = url; o.src=url_s; if (img.complete) { o.src=img.src; return; ...

使用预加载提速你的网站

原文:Speed Up Your Site Using Prefetching 原作者:Jon Fox 译者:潜行者m 版权声明:版权归原作者所有,翻译仅供学习使用,内容有修改,转载请先开启节操模式,保留上面信息。 预加载(prefetching)这个东西很好理解。我们都知道浏览器可能会在渲染之前需要一些资源。预加载不仅仅提前告诉浏览器这个页面或者可能用到的资源,而且还通常提前保存这个资源到浏览器的缓存,这样就可以以非阻塞的方式请求、下载对应资源提高效率。 有很多方法可以实现预加载,但是这里有三种比较简单实用的方法。 DNS 预加载 DNS 是将域名转换成服务器 IP 地址的协议。DNS 的解析速度通常是非常快的一般在 100ms 以内,但是因为 DNS 解析要发生在任何对服务器的请求之前,这样会造成一个级联效应(cascade effect),这样就会增加页面加载的时间。浏览器解析页面或者 sessi...