尚武科技——负责任的企业公民

电话

电话咨询

pHONE CONSulTING

0311-83796180

QQ

在线咨询

ONliNE CONSulTING
百度商桥
科技以人为本
尚武旗下网站
尚武科技
搜索图标
Sitemap | Mail | 合作答疑 | 招贤纳士
网站公告

尚武科技春节放假公告    2024-02-03

尚武科技服务热线:0311-
 83796180
   
我们是谁  |  企业文化  |  新闻动态  |  加入我们  |  行业知识
美工和前端开发人员对网站提速非常关健

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

事实上,就目前的网络环境来看,我们在浏览正常的网站时,通常总耗费时间的10-20%用在了后端,剩下80-90%的时间被前端所消耗。所以,如果你计划提升网站的速度,不妨在优化后端的同时,让美工和前端开发人员考虑以下6个方面。相信你可能会感叹,不大动刀戈也可以有效地提升网站的性能。

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.




上一篇:网站文化与网页设计 石家庄网站建设             下一篇:title在网站优化中的一些你可能不知道的细节

标签:美工 前端 开发 开发人员 发人 人员 网站
尚武科技
推荐阅读
睿亿网络用心服务的团队,竭诚为您服务 客服不能及时回复您,您可点击QQ进行交谈
欲了解业务详情,请拨打咨询热线:
值班电话:15512183667
在线服务: 尚武科技售前专员   
合作答疑 |  企业邮箱 |  关于我们 |  联系我们 |  版权声明 |  会员中心 |  友情链接 |  免责声明
Copyright © 2008-2019 尚武科技 保留所有权利 >冀ICP备07012169号    Copyright © 2008 www.sw-tech.cn, Inc. All rights reserved