1、为什么要使用懒加载？ 对于图片过多的页面，为了加速页面加载速度， 所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载， 等到滚动到可视区域后再去加载。 这样子对于页面加载性能上会有很大的提升，也提高了用户体验。2、如何实现？其实从原理上看很简单，在页面载入的时候将页面上的img标签....
分类：
其他好文 时间：
2015-12-23 17:52:43
阅读次数：
269
加快页面的呈现对于提升用户体验非常重要，良好的用户体验可以帮助我们获得更多的用户的信赖，从而在竞争中占得先机。 页面加载速度对用户的影响如何？ 根据Akamai 和Forrester的调查研究，接近一般的web使用者希望页面能在2秒以内打开，如果超过3秒大多数用户会放弃等待转向其他网站。尤其...
分类：
其他好文 时间：
2015-12-14 18:59:01
阅读次数：
271
最近看到有些论坛在讨论js压缩、混淆和加密的问题，特意找了些资料看了下，现在总结一下：1.关于三者的定义与区别压缩：删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格，从而压缩 JS 文件大小，优化页面加载速度。混淆：经过编码将变量和函数原命名改为毫无意义的命名（如funct...
分类：
Web程序 时间：
2015-11-28 11:50:46
阅读次数：
203
对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。这里用的插件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
本章主要介绍使用无序列表实现导航菜单。1.介绍如何修改老旧风格的导航，使用CSS，以页面样式替代图片。（加快页面加载速度，不用重复制作图片）2.各种样式的导航（多级菜单，按钮风格，标签页，下拉菜单，水平显示）。3.导航风格（悬停样式，图像翻转（组合CSS和图片））。4...
分类：
Web程序 时间：
2015-10-12 02:05:45
阅读次数：
165
提高页面加载速度的方法有如下几个方面: (一)减少HTTP强求 (1)增加并行连接 (2)合并资源文件:将多个小的css还有javascript文件进行合并成一个大文件,这样页面在加载页面的相关资源的时候,就会减少HTTP的请求,从而...
分类：
其他好文 时间：
2015-10-11 12:58:07
阅读次数：
140
摘要：前端的性能对于Web应用的用户体验来说非常重要。不要以为你的Web应用的性能已经足够好了，其实还会有很多可以提升的地方。本文将介绍Google和雅虎关于前端优化的最佳实践以及工具，你可以逐一检验你的Web应用。前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对...
分类：
Web程序 时间：
2015-09-15 14:45:15
阅读次数：
208
Radware发布的2014年春季电商页面速度与Web性能”调查报告强调了电商页面加载速度的重要性，同时指出很多网站都没有利用最佳的页面优化技术，页面加速速度都存在很大缺陷。那么该如何补救，提高网站页面的加载速度呢？报告给出了12个页面加载速度优化的补救措施，用以改善加载时间，改善站长浏览者的用户体...
分类：
其他好文 时间：
2015-09-06 06:20:19
阅读次数：
204
使用jquery实现图片预加载提高页面加载速度和用户体我们在做网站的时候经常会遇到这样的问题：一个页面有大量的图片导致页面加载速度缓慢，经常会出现一个白页用户体验很不好。那么如何解决这个问题 呢？首先我们会想到的是提高服务器性能，使用静态缓存等手段来加快图片的加载速度，这的确是个好方法，不过有时候我...
分类：
Web程序 时间：
2015-08-26 19:48:41
阅读次数：
262
css中用一张背景图做页面的技术有什么优势？简单介绍一下 CSS Sprites 的优点：当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。实现方法：首先将小图片整合到一张大的...
分类：
Web程序 时间：
2015-07-21 14:20:34
阅读次数：
121
