事实上，就目前的网络环境来看，我们在浏览正常的网站时，通常总耗费时间的10-20%用在了后端，剩下80-90%的时间被前端所消耗。所以，如果 你计划提升网站的速度，不妨在优化后端的同时，让美工和前端开发人员考虑以下几个方面。相信你可能会感叹，不大动刀戈也可以有效地提升网站的性能。
1. 网站制作过程中尽可能减少 HTTP 请求的次数。例如：用一张图片代替多张图片，再用CSS显示。
2. 网站前端制作采用CDN对网站加速。CDN可以在不改动原有网站架构的前提下，很大幅度地提升网站的访问速度。特别是对于那些拥有全国（或世界各地）用户的网站，效果会更加明显。
3. 网页制作时注意CSS文件放在页面头部。浏览器在显示页面之前，必须要得到CSS。否则无法显示网页。所以，将CSS文件 放在页面头部是明智之举。伯乐在线的开发团队曾经做过测试，如果一张网页包括多个JS文件，同时CSS文件放在网页最后。用户浏览网页时，非常明显地感觉 到网页先是空白（下载JS和其他文件），然后再显示出来。显然，这种情况下，用户体验是非常差的。与此相反，如果将CSS文件放在页面头部，用户浏览网页 时，可以先看到网页 （网页无明显空白）。
4. 网站制作时要将JS文件放在页面尾部。道理和CSS文件放在页面头部一样。
5. 网站设计必须将将CSS和JS代码单独存放在独立于网页的文件中。现在很多的浏览器，如Firefox， IE 7，8 等等都会将图片，CSS，JS等外部的文件缓存在用户本地，所以，用户通过这些浏览器浏览网页时只传输网页的文本内容，不再次下载图片，CSS，JS等外 部的文件。这样一来，访问的速度自然可以提升不少。另外，将CSS和JS代码单独存放在独立于网页的文件，也便于管理。
6. 网站制作如何对JS“瘦身”。用第三方的工具（不需要手工）对JS进行压缩，包括删除注释，空格等等，通常情况下可以减小20%左右。例如，未“瘦身”前JS为100KB， “瘦身”后80KB.
除第2项外，其他5个方面都是和美工和前端开发人员相关。更多未提到的技巧，欢迎补充。深圳网站制作博纳网络编辑整理。
当前文章链接：/construction/jzhyzx/851.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
.jpg)