网站加速 美工和前端开发人员也很关键

开发 后端
在当今,网站提速是一个很热门的话题。而在网站的开放过程中,影响网站加速的因素到底有哪些。本文主要介绍网站的加速与美工和前端开发人员密不可分的六方面,一起来看。

一般而言,关于网站加速,大部分人认为是后端开发者和系统管理的职责。这种观点不完全正确,因为一个高性能的网站,不仅取决于网站的后端,还依赖网站的前端,也就是说还依赖于美工前端开发人员

事实上,就目前的网络环境来看,我们在浏览正常的网站时,通常总耗费时间的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个方面都是和美工和前端开发人员相关。更多未提到的技巧,欢迎补充。

原文地址:http://forum.jobbole.com/showthread.php/1417

【编辑推荐】

  1. 10个技巧让你的网站“财源滚滚”
  2. 4月份9款jQuery插件推荐 增加网站亮点
  3. 稳捷网络保护网站远离SQL注入攻击
  4. 推荐34个非常漂亮的单页网站设计案例

 

责任编辑:于铁 来源: 伯乐在线
相关推荐

2021-12-14 22:31:59

机器学习人工智能开发

2015-10-13 10:00:04

Web开发人员网站

2011-03-11 09:54:01

Windows Ser

2012-08-28 09:40:55

简历面试笔试

2020-06-09 07:57:47

前端开发代码

2011-07-07 10:10:02

WEB

2023-01-14 13:36:12

Linux内核

2010-09-16 08:58:21

Rails 3Yehuda Katz

2009-12-11 14:50:14

Visual Basi

2009-11-23 20:07:51

ibmdw开发

2021-02-19 09:33:01

kubernetesJAVA服务

2012-05-30 15:15:42

ibmdw

2023-03-15 07:12:53

企业开发人员提供商

2012-05-17 10:03:25

.NET

2012-07-16 13:43:03

前端开发

2019-02-01 10:56:04

2021-01-13 22:50:21

开发Web工具

2009-05-04 09:42:51

IBM软件开发社交网站

2021-12-28 13:34:52

开发者开发者体验云供应商

2021-11-16 19:19:07

API接口前端开发
点赞
收藏

51CTO技术栈公众号