常用方法 压缩源码和图片 JavaScript文件源代码:可以采用混淆压缩的方式,CSS文件源代码进行普通压缩,JPG图片可以根据具体质量来压缩为50%到70%,PNG可 以使用一些开源压缩软件来压缩,比如24色变成8色、去掉一些PNG格式信息等。 选择合适的图片格式:如果图片颜色数较多就使用JPG
分类:
Web程序 时间:
2016-02-28 18:23:08
阅读次数:
150
最近一项 研究表明,80%的网民对移动端的浏览体验感到失望,同时,当体验提升时,他们会在智能手机上花费更多的时间。 这不奇怪,因为64%的智能手机用户希望网站可以在4秒内加载完毕,但一半的网站花费了二倍以上的时间,达到了9秒。这篇文章会阐述一些可以使你的网站在移动端跑得更快的技术。 移动端用户的下载
分类:
移动开发 时间:
2016-02-16 16:30:39
阅读次数:
2045
对于一些图片多,页面长的网页来说,如果每次打开页面加载全部的网页内容,页面加载速度势必会受到影响,如果每次打开网页只将网页可视区域的内容加载给用户 ,将大大提高网页浏览速度,同时也减轻服务器负载,我们可以使用lazyload.js来实现对图片的延迟加载,当网页图片进入到浏览器可视区域时,才会去请求服...
分类:
Web程序 时间:
2016-01-18 20:27:31
阅读次数:
154
我们先来看一个瀑布图来确定一个页面性能问题是由哪些项造成的。chorome自带开发者工具 图中每一行表示一个http请求,每个请求都有一条时间线。用于标识这个请求所花费的时间。假设将鼠标放到某一条时间线上。能够看到下面信息域名解析:搜索DNSserver并解析域名为IP地址所花费的事件。这里是0m....
分类:
Web程序 时间:
2016-01-18 11:49:46
阅读次数:
181
在Web开发过程中,会产生很多的js/css文件,传统的引用外部文件的方式会产生多次的http请求,从而加重服务器负担且网页加载缓慢,如何在一次请求中将多个文件一次加载出来?接下来给大家介绍在ASP.NET中动态合并加载多个js或css文件。原理:减少请求服务器的次数达到优化效果先给大家看一下传统引...
分类:
Web程序 时间:
2016-01-17 13:30:08
阅读次数:
139
1、github个人总站点搭建2、LESS学习及应用3、FIS3学习及应用4、常用CSS模块5、常见JS特效6、JS三本书籍阅读7、CSS两本书籍8、HTML5书籍9、HTTP协议:学习及总结10、浏览器原理学习及总结11、Node.js 学习及总结12、JS设计模式13、Web性能优化14、仿站1...
分类:
其他好文 时间:
2015-12-31 12:10:41
阅读次数:
145
前言: 在web性能优化的领域, 经常能听到一个词, 就是静态/动态资源分离. 那静态/动态资源分离究竟是什么呢? 本文不讲文件系统服务, 云存储, 也不讲基于CDN的优化. 就简单讲讲基于nginx+tomcat的实现原理和部署方式.体验: 我们先来看个例子, 比如访问百度首页. 其...
分类:
其他好文 时间:
2015-11-24 09:51:54
阅读次数:
214
欢迎关注微信号:neihanrukou ????如果你的网站在1000ms内加载完成,那么会有平均一个用户停留下来。2014年,平均网页的大小是1.9MB。看下图了解更多统计信息。 网站的核心内容需要在1000ms内呈...
分类:
Web程序 时间:
2015-10-16 13:44:53
阅读次数:
274
web性能优化之重要,这里并不打算赘述。本系列课程将带领大家认识、熟悉、深刻体会并且懂得如果去为不同的站点做性能优化本系列参考了大量互联网资料、Pro HTML5 Performance、web性能权威指南等通过自己实践、重新组织。主要用于学习交流。web性能优化目录浏览器渲染过程
分类:
Web程序 时间:
2015-10-14 12:05:10
阅读次数:
132
Web性能优化最佳实践中最重要的一条是减少HTTP请求。而减少HTTP请求的最主要的方式就是,合并并压缩JavaScript和CSS文件。
关于编写css时,我们应注意通过一些细节来控制css文件的大小,比如:全局样式、继承样式、缩写样式,空格、注释等;同时你也可以通过在线工具对你的css文件进行压缩,来减少css文件的大小,但压缩后的css文件在可维护性、识别性方面变的特别弱。但更复杂的情...
分类:
Web程序 时间:
2015-08-28 21:27:19
阅读次数:
160