加快页面的呈现对于提升用户体验非常重要,良好的用户体验可以帮助我们获得更多的用户的信赖,从而在竞争中占得先机。 页面加载速度对用户的影响如何? 根据Akamai 和Forrester的调查研究,接近一般的web使用者希望页面能在2秒以内打开,如果超过3秒大多数用户会放弃等待转向其他网站。尤其...
分类:
其他好文 时间:
2015-12-14 18:59:01
阅读次数:
271
HTML5出现也不短了,很多网站的页面都进行了改版,为了降低代码量(不需要起太多的类名),提升加载速度,提高标签的语义性,因此,在网页中大量使用了section,article,header等HTML5标签。自己最近在写响应式布局的范例,里面也使用到了header等标签。还是比较希望能够做成兼容“旧...
分类:
Web程序 时间:
2015-12-05 20:47:04
阅读次数:
221
经常看到别人的网站有个边框来修饰文字区域,类似圆角矩形把文字环绕起来,特别有感觉,于是就试着用图片边框来修饰,但是用图片过多会拉慢网页的加载速度,能不能使用css3来实现边框圆角效果呢?当然border-radius要在firefox或Safari 和 Chrome才能实现W3C 很早就制订了实现了...
分类:
其他好文 时间:
2015-12-03 21:11:37
阅读次数:
112
HTML5出现也不短了,很多网站的页面都进行了改版,为了降低代码量(不需要起太多的类名),提升加载速度,提高标签的语义性,因此,在网页中大量使用了section,article,header等HTML5标签.自己最近在写响应式布局的例子的时候也使用了header等标签.还是希望可以兼容低版本的浏览器...
分类:
Web程序 时间:
2015-12-02 14:34:06
阅读次数:
182
最近看到有些论坛在讨论js压缩、混淆和加密的问题,特意找了些资料看了下,现在总结一下:1.关于三者的定义与区别压缩:删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格,从而压缩 JS 文件大小,优化页面加载速度。混淆:经过编码将变量和函数原命名改为毫无意义的命名(如funct...
分类:
Web程序 时间:
2015-11-28 11:50:46
阅读次数:
203
1、UMeditor : jQuery富文本编辑器UMeditor,简称UM,是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变,主文件的代码量为139k,而且放弃了使用传统的iframe模式,采用了div的加载方式, 以达到更快的...
分类:
其他好文 时间:
2015-11-27 14:51:19
阅读次数:
218
对于有较多的图片的网页,使用图片延迟加载,能有效的提高页面加载速度。这里用的插件Lazy Load这里提供教程网站:http://code.ciaoca.com/jquery/lazyload/这里只需要引入 jquery-1.11.1.min.js和jquery.lazyload.min.js注意...
分类:
其他好文 时间:
2015-11-19 14:39:46
阅读次数:
129
引入CSS在head中, JS建议在body的尾部引入; 这样有利于加载速度 <!DOCTYPE?html>
<html>
??<head>
?????<!--网页页面字符集-->
????<meta?charset="utf-8">
?
????<!--让IE使用最新的渲染模式-...
分类:
Web程序 时间:
2015-11-18 00:55:50
阅读次数:
401
RequireJSRequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用, 它非常适合在浏览器中使用,但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量。/* ---RequireJS is ...
分类:
编程语言 时间:
2015-11-18 00:38:26
阅读次数:
273
很多时候我们打开一些网站的背景图片会发现是很多图标集合的一张完整的图片。这种网页使用的就是CSS Sprite,通过将多个图标整合在同一张图片,可以减少向服务器请求图片的次数,加快网页的加载速度。CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所...
分类:
Web程序 时间:
2015-11-17 12:42:29
阅读次数:
211