1. 减少HTTP请求次数 尽量合并图片、CSS、JS。比如加载一个页面,如果有5个css文件的话,那么会发出5次http请求,这样会让用户第一次访问你的页面的时候会长时间等待。而如果把这个5个文件合成一个的话,就只需要发出一次http请求,节省网络请求时间,加快页面的加载。 2. 使用CDN 网站 ...
分类:
其他好文 时间:
2016-12-24 19:52:10
阅读次数:
191
FROM ME: 之前在研究前端性能优化的时候,就有学习关于CSS中“善用CSS中的继承”。 原文:CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends 译文:掘金翻译计划 我酷爱模块化设计。长期 ...
分类:
Web程序 时间:
2016-12-23 01:03:13
阅读次数:
416
CSS3与页面布局学习总结(八)——浏览器兼容与前端性能优化 目录 一、浏览器兼容 1.1、概要 1.2、浏览器内核 1.3、浏览器市场份额(Browser Market Share) 1.4、兼容的一般标准 1.5、CSS Reset 1.6、CSS Hack 1.6.1、条件注释法 1.6.2、 ...
分类:
Web程序 时间:
2016-12-20 01:00:56
阅读次数:
344
一、浏览器兼容 1.1、概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运行平台还存在差异、屏幕分辨率不一样,大小不一样,比例不一样。兼容性主要考虑三方面: 1)、CSS兼容 ...
分类:
Web程序 时间:
2016-12-14 09:30:51
阅读次数:
329
一、浏览器兼容1.1、概要世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运行平台还存在差异、屏幕分辨率不一样,大小不一样,比例不一样。兼容性 ...
分类:
Web程序 时间:
2016-12-12 19:07:32
阅读次数:
332
作为一个前端,不能不考虑性能问题。对于大多数前端来说,性能优化的方法可能包括以下这些: 等等…… 有兴趣的同学,可以自行搜索雅虎关于前端优化的十四条规则。但这些规则当中,有多少是需要前端工程师付诸实践的?就我来说,CDN、缓存的设置,就是不需要我去关心的(作为一个苦逼外包,是没有权限去生产环境操作的 ...
分类:
其他好文 时间:
2016-12-12 01:39:28
阅读次数:
241
1.[加载优化] · 减少HTTP请求因为手机浏览器同时响应请求为4个请求(Android支持4个,iOS 5后可支持6个),所以要尽量减少页面的请求数,首次加载同时请求数不能超过4个a) 合并CSS、JavaScriptb) 合并小图片,使用雪碧图 · 缓存使用缓存可以减少向服务器的请求数,节省加 ...
分类:
其他好文 时间:
2016-12-10 13:54:07
阅读次数:
262
性能优化对于用户体验无疑是非常重要的,下面介绍一些性能优化的方法。 1.减少HTTP请求 http请求越多,那么消耗的时间越多,如果在加上网络很糟糕,那么问题就更多了。且如果网页中的图片、css文件、js文件很多甚至有音乐文件时,这势必会造成负担。 如何减少HTTP请求? 对于图片,可以使用css ...
分类:
Web程序 时间:
2016-12-08 07:37:05
阅读次数:
182
1、请减少HTTP请求基本原理:在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。一个正常HTTP请求的流程简述:如在浏览器中输入"www.xxxxxx.com"并按下回车,浏览器再与这个URL指向的服务器建立连接,然后浏览器才能向服务 ...
分类:
Web程序 时间:
2016-11-22 19:42:57
阅读次数:
189
前端工程与性能优化 来源: fexbaidu 发布时间: 2014-07-22 07:55 阅读: 8131 次 推荐: 30 原文链接 [收藏] 每个参与过开发企业级 web 应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎 14 条性能优化原则,还有两本很经典的性能优化指导书:《 ...
分类:
其他好文 时间:
2016-11-06 11:24:46
阅读次数:
173