网站优化-小记

1、 在IMG标签中表明正确的图片尺寸,如有一张2592 x 1944像素的图片,你希望显示为120 x 90,那么不要让浏览器对图片进行缩放。

  好处:处理过的图片更易于传输,速度更快,提供了更好的用户体验。

2、 减小图像的尺寸,注意网站中每个图片的尺寸,检查是否可以将图片的调色板设置为256色或者更少。

  好处:网站中的图片越小,加载时间越快,用户体验越好。

3、 图片聚合。

  好处:减少HTTP的请求数目降低了网站的加载时间,提升了用户体验。

4、 整合CSS和JavaScript,将所有样式文件放在一个大的样式文件,将所有JavaScript文件放入一个JavaScript文件,可以减少传送用户访问网页时的Http请求数量。注意:因为文件中存在覆盖的问题(CSS中的属性重写或者JavaSrcipt中的代码依赖),在整合过程中,需要特别注意CSS文件和JavaScript文件的加载顺序。

  好处:减少HTTP请求数量可以提高网站的响应时间,同时带来用户体验的提高。

5、 CSS放在顶部,而JavaScript放在底部,将CSS文件放在<head></head>标签之间,将JavaScript文件放在<body>结束标签之前。

  好处:尽可能加快页面的加载速度,提升用户体验。

6、 压缩CSS和JavaScript。

  好处:减少了文件尺寸,降低了带宽消耗,JavaScript的表现得到了显著地提升,改善了用户体验。

7、使用外部CSS和JavaScript文件

  好处:改善了缓存利用,页面重新加载时间变得更短,提升了用户体验。

8、 选择一个文档类型,如在网站中使用HTML还是XHTML标准。

  好处:告诉浏览器处理网站的方式,是非常重要的步骤,确保了在不同浏览器见网站外观的一致性。

9、 验证页面。

posted on 2012-09-10 21:05  Iskysir  阅读(151)  评论(0编辑  收藏  举报