原文地址:
http://developer.yahoo.com/performance/rules.html
自己做了点翻译:
最小化HTTP请求
80%的用户响应时间是花在前端。大多数时间用来下载需要的组件,例如,图片,样式,脚本,FLASH等。为了达到渲染页面的目的,减少下载组件的数量,从而减少HTTP请求的时间。这就是加快页面的关键。
一种减少下载组件的方法就是简化页面的设计。但是有没有一种方法既让页面有丰富的内容,又能达到快速响应的目的?毫无疑问,这当然有相应的技术啦。
(1)Combined files:
把脚本文件合并到一个文件中,把CSS文件合并到一个文件中。当脚本和样式在页面之间改变的时候,合并文件是一件很有挑战性的工作。但是这部分工作会改进你的响应时间。
(2)CSS Sprites
是减少图片请求最好的方法。把你的背景图合并到一个图中,使用CSS的background-image和backgroud-position属性来显示需要的图片片断。
(3)Image maps
把很多图片合并到一个图片中,总体大小不变,但是减少了HTTP请求的数量。image maps只有在图片相邻的情况下可以实现,比如导航条。定义image maps的协调性是很容易出错的。对导航条使用image maps是不容易懂,也不推荐的。
(4)Inline images
使用data这个url方案
http://tools.ietf.org/html/rfc2397在实际的页面中嵌入图像数据。这会增加HTML文档的大小。合并inline images到你的样式中是一种减少HTTP请求和避免增加你的页面大小的方法。但是,inline images不是被所有的浏览器支持。
减少HTTP请求的数目只是一个开始。对第一次访问的用户来说这是很重要的。正如Tenni Theuer's的博客中提到的
http://yuiblog.com/blog/2007/01/04/performance-research-part-2/ 40-60%对你的站点的日常访问者携带的是空的缓存。提高你页面的速度,对这些第一次的访问者来说是置关重要的。
分享到:
相关推荐
实现悬臂梁几何非线性关于柔度最小化的拓扑优化
对l1最小化的处理,其中包括全面的l1范数的解得算法,运用tv全变分最小的解决方法,适合于单像素以及图像处理的研究者参考。
nonlinear_SIMP_mma_N1_mma拓扑优化_nonlinearanalysis_柔度最小化_mma_悬臂梁优化.
求解压缩感知L1范数最小化的yall算法,基于内点法,
基于GPU的高效并行l_1最小化算法.pdf
L1范数正则化最小二乘计算min||y-Ax||^2+lambd||x||问题最优解
jQuery右下角弹出层插件_可最小化和定时自动关闭
采用基于区域的立体匹配算法进行视差估计通过平滑函数法最小化全局误差能量
实现最小化到系统托盘,vc++6.0编译调试
全变差图像重建的交替最小化算法 包含灰度图像,彩色图像去噪去模糊的程序
最小化l1范数的Matlab代码。求解模型为: min lambda*|x|_1+||A*x-y||_2。其中,|x|_1表示x的1-范数,||*||_2表示2-范数。该模型在稀疏成分分析、压缩传感器等领域有广泛的用途。
熟悉LabVIEW的同学可以用这个,可以进行界面最大化最小化操作。
最小拍速度控制系统,可以实现简单对象的最小拍控制
对三轴加速度计标度因数、零偏的静态标定问题
l0-l20工具箱l_0最小化或l_20最小化求解器用法OMP文件l_0最小化问题的正交匹配追踪(OMP)求解器: 最小化|| x || _1,以y = Ax为准, 函数[x,Out] = OMP(A,y,varargin) 必填项A-mxn矩阵y-一个mx 1向量可选输入...
文件是一个Matlab优化工具箱,主要内容是线性规划模型、非线性规划模型、二次规划模型、多目标规划模型和最大最小化模型。
实现基于C++的使用最小化堆排序的整型优先级队列
用Lmi工具箱的最小化方法来估计系统的发生的故障