上次说到js的阻塞dom渲染可能出现的白屏现象,所以对于js我们需要一些优化。首先我们可以模仿通信中的时分的概念,使用 setTime()来执行一段js代码然后渲染页面然后再执行一段js代码,这样可以有效防止白屏现象。 当然,你可以能意识到了,这样并没有提高载入速度,那么如何才能提高载入速度呢...
分类:
Web程序 时间:
2015-04-10 01:18:40
阅读次数:
141
今天读完了《高性能网站建设进阶指南》,记得博客园的某位前辈说,关于前端方面的书,带指南两个字的一般都是比较牛逼的,上一本看到的好书是《javascript权威指南》是淘宝前段团队翻译的,800多页很厚的一本,目前看完第一遍了,估计这个周末会开始看第二遍,一开始是在学校图书馆找到的,后来看到200.....
分类:
Web程序 时间:
2015-04-08 19:51:33
阅读次数:
115
Yslow的第4个经验法则指出:启用gzip压缩功能,能够降低HTTP传输的数据和时间,从而降低client请求的响应时间。本篇是Yslow法则的第四个,主要包含三个方面的内容:1.什么是gzip2.gzip与HTTP3.nginx启用gzip什么是gzip?Gzip最早出如今Unix系统中,是GN...
分类:
Web程序 时间:
2015-03-28 22:58:27
阅读次数:
216
如何提升网页加载速度?
1. 尽量减少HTTP请求
80%的时间是花在 images, stylesheets, scripts, Flash
等等的请求上。
那么最好的提升网站速度的方式就是简化你的设计。
. 简化你页面上的元素
. 尽可能的用css代替图片
. 合并多个样式表 放入一个
. 减少scripts脚本,并把他们放在页面底部
2. 减少se...
分类:
Web程序 时间:
2015-03-28 17:16:37
阅读次数:
223
Web优化:减少http请求避免404错误在html页面header加入缓存标签Gzip压缩网页减少cookie体积使用外部的js和css消减js和css压缩js使用css sprites技术,众多图片合成在一起,通过CSS切分,降低图片传输的频率和数据量可以使用静态网页的,避免使用动态网页工具包进...
分类:
Web程序 时间:
2015-01-01 21:09:35
阅读次数:
173
对于目录组织: 目录组织—— 可以考虑结合 Bootstrap 与 Yaml/Blueprint 的思想。 a .把常用的基础样式压缩合成一个文件。 b. 把不必现组件样式抽离成单独 CSS,按需加载。 【优化点】 减少了单个 global_min 文件的大小。 【权衡点】 需要考虑...
分类:
Web程序 时间:
2014-12-19 11:39:18
阅读次数:
171
Yahoo Web优化建议原文:Best Practices for Speeding Up Your Web Site Web应用性能优化黄金法则:先优化前端程序(front-end)的性能,因为这是80%或以上的最终用户响应时间的花费所在。 法则1. 减少HTTP请求次数 80%的最终用户响应时...
分类:
Web程序 时间:
2014-12-18 16:30:28
阅读次数:
263
目的: web项目前端js的体积大小影响页面性能和用户体验, 压缩js是web优化的一个重要手段。JavaScript的压缩不是为了保护代码而压缩,而是压缩后的js代码文件可以小一倍甚至多倍,从而使这个js代码快速的下载到客户端,特别js文件较大时速度效果非常明显. 方法: JS优化的方法有以下几个...
分类:
编程语言 时间:
2014-12-18 16:30:03
阅读次数:
167
本文主要讲述web优化方案和缓存工具的调研及使用。根据目前的测试结果来看,采用varnish+xcache作为 apache和php缓存这种架构具有高并发、高稳定性,易扩展等优点,服务器的动态请求处理能力是之前的7倍之多。通过分析发现,目前对服务器的负载主要是在cpu使用方面,随着流量的增加瓶颈也将...
分类:
Web程序 时间:
2014-12-03 22:54:03
阅读次数:
194
说到性能优化,恐怕几天几夜都说不完,今天我来说一下web前端优化,希望能给大家带来意外的收获!要说前端优化就不得不提雅虎的yslow和google的pagespeed了,只要围绕他们的标准基本上就能优化的很好了。对于一些简单的web优化就不在这里说了,比如代码压缩、gzip、文件整合等..
分类:
其他好文 时间:
2014-09-10 19:41:11
阅读次数:
183