(本图为:探讨使网面越来越臃肿的原因)随着基础设施的发展,我们的网速是越来越快了,那你是否感受到网页加载速度变快了呢?有没有想过,网页也在逐渐变臃肿?根据HTTP Archive的报告,在调查了约50万网页后,他们发现每个网页的平均容量稍小于2Mb,达到了1953Kb,比去年上升了15%。当然,调查...
分类:
其他好文 时间:
2015-01-06 11:48:52
阅读次数:
120
如何优化网页加载速度是每个前端开发工程师需要了解的,也是前端开发工程师需要具备的基本条件。优化网站加载速度的原理主要是减少网站文件的大小,减少HTTP请求数。网站文件越小,浏览器加载页面会比较轻松,打开页面的速度也会提升;一个HTTP请求,对页面打开速度造成的延时大概是0.01秒,HTTP的请求数越...
分类:
Web程序 时间:
2015-01-04 19:01:27
阅读次数:
230
canvas元素在html5中的重要性非同一般。配合JS让我们实现了在浏览器页面中作画的强大功能。不再单单依靠图片,flash等外部文件,减少http请求,从而网页加载速度更加快捷。简单的线段:看个小演示 canvas小房子不用函数累死人。。。。旋转:使用提供的rotate()方法。需要注意的是,在...
分类:
Web程序 时间:
2014-12-23 00:11:04
阅读次数:
327
CSS格式化 css代码在线压缩-CSS代码格式化,css在线压缩工具可减少CSS文件体积,让CSS文件更规范 CSS代码在线压缩工具,CSS格式化,让CSS代码更规范,体积更小,有利于阅读代码和网页加载速度。而且本页提供的CSS代码格式化功能不需要使用YUI Compress...
分类:
Web程序 时间:
2014-11-29 17:33:50
阅读次数:
193
一、CSS Sprites简介通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。CSS S....
分类:
Web程序 时间:
2014-11-04 13:00:31
阅读次数:
248
在Apache的配置文件中找到下面行,将注释#去掉,重启。LoadModule deflate_module modules/mod_deflate.so LoadModule expires_module modules/mod_expires.so LoadModule header_mod.....
分类:
Web程序 时间:
2014-11-01 16:06:37
阅读次数:
259
BigPipe 是 Facebook 开发的优化网页加载速度的技术。网上几乎没有用 node.js 实现的文章,实际上,不止于 node.js,BigPipe 用其他语言的实现在网上都很少见。以至于这技术出现很久以后,我还以为就是整个网页的框架先发送完毕后,用另一个或几个 ajax 请求再请求页面内...
分类:
Web程序 时间:
2014-10-22 12:30:11
阅读次数:
299
第一、DNS域名解析 当浏览器向服务器发出请求后,首先会有DNS解析的,从而把网站URL解析为具体的IP地址,在这一步骤,可以做很多工作。例如许多小网站都使 用的单线的IP,门户网站建设公司的许多网站都是使用的电信单线的IP,可是当网通用户打开的时候,速度却出奇的慢,这时候,我们可以采用双线IP,....
分类:
Web程序 时间:
2014-10-14 15:57:58
阅读次数:
288
预加载器(Pre-loader)可以说是提高浏览器性能最重要的举措。Mozilla 官方发布数据,通过预加载器技术网页的加载性能提升了19%,Chrome测试了 Alexa 排名前2000名网站,性能有20%的提升。 它并不是一门新技术,有人认为只有 Chrome 才具备这个功能。也有人认为它是有....
分类:
Web程序 时间:
2014-09-29 12:48:10
阅读次数:
248
CSS特点: 实现内容与表现分离; 很好地控制页面布局; 提高网页加载速度;(外部引入的CSS文件,浏览器优先加载并缓存) 降低服务器成本; 呈现一致的效果;外部引入优缺点: 一个CSS文件可以控制多个页面; 有效地利用缓存机制; 便于改版,易于维护; 代码简洁、规范,易于分工合作...
分类:
Web程序 时间:
2014-08-18 09:09:23
阅读次数:
240