一般而言,关于网站的加快,大部分人视为是后端开发者和系统顾问的职责。这种观点不完全正确,由于这个高性能的网站,不仅取决于网站的后端,还依靠网站的前端,也正是说还依靠于美术和前端开发人员。
实际上,就目前的网上环境来看,我们在查看正常的网站时,通常总耗费时刻的10-20%用在了后端,剩下80-90%的时刻被前端所使用。所以,如果 你规划提升网站的速度,不妨在优化后端的同时,让美术和前端开发人员考虑以下几个地方。相信你可能会感叹,不大动刀戈也可以有效地提升网站的性能。
1. 将CSS和JS代码单独存放在自己于网页的文件中。如今很多的查看器,如Firefox, IE 7,8 等等都会将图片,CSS,JS等外部的文件缓存在用户本地,所以,用户通过这些查看器查看网页时只传输网页的文本内容,不再次下载图片,CSS,JS等外 部的文件。这样一来,采访的速度自然可以提升不少。另外,将CSS和JS代码单独存放在自己于网页的文件,也便于顾问。
2. 尽可能减小 HTTP 请求的次数。例如:用一张图片替代多张图片,再用CSS显示。
3. JS文件放在页面尾部。道理和CSS文件放在页面头部同样。
4. 采取CDN对网站加快。CDN可以在不改变原有网站架构的前提下,很大幅度地提升网站的采访速度。异常是对于那些拥有内地(或社会各地)用户的网站,效果会更加肯定。
5. CSS文件放在页面头部。查看器在显示页面之前,必须要得到CSS。否则无法显示网页。所以,将CSS文件 放在页面头部是明智之举。开发队伍以前做过调试,如果一张网页包括多个JS文件,同时CSS文件放在网页结果。用户查看网页时,非常肯定地灵感 到网页先是空白(下载JS和其他文件),然后再显示出来。显然,这种资讯下,用户体验是非常差的。与此相反,如果将CSS文件放在页面头部,用户查看网页 时,可以先看到网页 (网页无肯定空白)。