网站页面布局优化的技巧?

一、减少HTTP请求数量：

1、尽量减少页面中的图片数量；

2、尽量将CSS文件和JS文件统一放在页面的底部；

3、可以将页面中的一些图片合并成一张图片；

4、尽量避免使用大量的外部JS文件；

5、使用图片的CSS Sprites技术；

6、使用CSS代码替换文字图片；

7、使用Gzip压缩HTTP数据；

8、尽量减少重定向的次数；

9、使用缓存技术，减少请求数量；

10、尽可能删除多余的插件、脚本等，减少HTTP请求数量；

二、提升HTTP请求速度：

1、减少页面中的JavaScript和CSS文件；

2、使用更快的服务器；

3、使用CDN加速技术；

4、改善网络环境，比如使用更快的网络线路；

5、使用异步加载；

6、减少DNS查询；

7、优化图片，使用更小的图片；

8、优化网页代码，减少不必要的代码；

9、使用压缩技术，减少文件大小；

10、使用缓存技术，提高网页加载速度；

三、页面布局优化：

1、尽量使用简单的HTML结构，避免复杂的结构；

2、使用DIV+CSS技术，减少表格的使用；

3、尽量使用CSS来取代表格的布局；

4、尽量使用CSS实现多列布局；

5、尽量使用精简的JavaScript代码；

6、使用CSS进行网页调整，可以让页面在不同的浏览器中保持一致的外观；

7、尽量使用层叠样式表（CSS），而不是HTML表格控制布局；

8、尽量使用外部的CSS文件，而不是内部的CSS代码；

9、优化搜索引擎的索引，使更多的搜索引擎能够抓取到网页内容；

10、使用CSS分离页面结构和外观，更加方便维护和修改。