网站重构之加快网页加载速度
|
源代码网整理以下 现在的网络越来越发达，什么样的网站都已经出现了，日新月异的今天网页加载的速度已经是一个面临急切危机的事。提高网页打开速度当然也有方法的，分别是加大宽带，对电脑做优化工作，还有就是在制作网页的时候做好相应的优化，听起来也难，其实不然。我们只要做到以下的几点就差不多可以提高一些速度了。 源代码网整理以下 图片的优化： 源代码网整理以下 谈到图片优化的问题我想网页设计工作者应该是很清楚的，尽量把图片切割的越小打开的速度越快吧，还有降低图像的质量，使用恰当的格式，减去没有必要存在的图片(想颜色单一的地方用颜色代码代替就可以了)。 源代码网整理以下 css优化： 源代码网整理以下 css的诞生无疑是现金网络的救星，他让网页加载更高效，浏览体验也相应得到了提高，从而代替了表格。当然如果你对css不太了解的话也会产生大量的垃圾代码，从而拖慢速度。 源代码网整理以下 例如： 源代码网整理以下 padding-top:10px; 源代码网整理以下 padding-right:20px; 源代码网整理以下 padding-bottom:10px; 源代码网整理以下 padding-left:20px; 源代码网整理以下 看看优化后的代码是什么样的： 源代码网整理以下 padding:10px 20px; 源代码网整理以下 是不是一下子就少了很多代码了啊^_^ 源代码网整理以下 网址后加斜杠的优化： 源代码网整理以下 比如www.admincss.com/404,当服务器得到这个请求之后，他要花时间去确定这个地址的文件类型，加入404是一个目录的话，就可以在后面加一斜杠，变成www.admincss.com/404/，服务器也能看的明白了。 源代码网整理以下 标注清晰的图片高度和宽度： 源代码网整理以下 我知道很多网页工作者都对这点做的不太理想，以后加跟不加都一个样。其实不然，如果没有清楚的写出height和width的话浏览器就会把整个图片下载下来计算一下，图片多的话浏览器就要不断的调整页面，可想而知速度会怎么样。下面提供一段比较友好的图片代码： 源代码网整理以下 <img id="admincss" height="200" width="500" src="http://www.admincss.com/admincss.png" alt="admincss" /> 源代码网整理以下 此代码的确是非常适合搜索的胃口，当浏览器得到高度和宽度之后，即使图片无法显示，页面上也会空出一个空位来，然后继续加载下面的内容，这样体验也好了速度也上去了。 源代码网整理以下 减少http的请求： 源代码网整理以下 不要在网站上放置过多http请求的东西(图像，脚本等等)，每个对象都会延迟加载。减少请求的方法： 源代码网整理以下 (1)减少不必要的对象 源代码网整理以下 (2)将附近的两张图片合成一张 源代码网整理以下 (3)合并相应的css 源代码网整理以下 <link rel="stylesheet" type="text/css" href="/body.css" /> 源代码网整理以下 合成一个后： 源代码网整理以下 <link rel="stylesheet" type="text/css" href="/style.css" /> 源代码网整理以下 总结：以上总结了一些加快网页速度的技巧，去除不必要的加载项;如果要嵌入了其它网站的widget，如果有选择余地，一定要选择速度快的;尽量使用图片来代替flash;能静态化的尽量静态化;统计的代码要放在页尾 源代码网供稿. |
