新闻中心

佛山德胜数据中心新闻公告

教你进行页面优化的几种常见方法

2015-8-18 德胜数据中心 技术文档

页面优化是一个前端程序员或者网站运营者来说必须要掌握的技能,因为搭建一个网站来说不仅仅是页面上的美化或者是功能上的应用, 更重要的是网站的展示性。试想一下,当打开网站时,如果由于过于臃肿的代码,或者过多的请求而需要等待几秒钟时,那么还有谁还会有兴趣去观看的网站的内容呢。 具腾讯的数据调查统计,一个访客流量网站最大的容忍度是5秒,也就意味着即使你网站内容再丰富,超过5秒时访客基本就对网站直接进行关闭,因而页面的优化对于网站来说非常重要, 下面我们就教你进行页面优化的几种常见方法。

 

教你进行页面优化的几种常见方法

 

一、采用DIV+CSS模式而非Table

 

目前DIV+CSS是主流的编程语言,与其体积小、加载快的优点是有着一定关系。主流的网站和CMS采用的也都是这种模式。 因此建议采用这种模式来编程,不用原始的Table结构,不但管理不方便、网页体积变大,同时会降低网站的加载速度。

 

 

二、采用Gzip技术对网页进行压缩

 

采用Gzip技术对网页进行压缩是减少网页体积的一个很好的方式。一般情况下需要网站空间支持,压缩率越高,网页体积越小,自然加载速度提升。

 

 

三、减少CSS文件数量和体积

 

在采用DIV+CSS过程中,CSS文件合并是关键。特别是编写过程中有多个CSS文件,将多个CSS文件进行合并, 可以加快网站加载速度。另外,可以采用专业的网页软件对CSS文件进行“瘦身”,以减少CSS文件的体积。

 

 

四、使用CDN加速

 

CDN的全称是Content Delivery Network,解释为内容分发网络。主要功能是避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节, 使内容传输的更快、更稳定。即网站加速器,这个需要付费使用的。

 

 

五、优化代码 精简结构

 

通常使用流行的CMS并不存在代码结构优化的问题,但仍要注意在制作或者选择网站模板的时会存在不合理的结构。 需要在写模板或者程序的时候使用较为简洁的程序框架,简洁有利于用户体验,也更利于搜索引擎抓取。

 

 

六、减少图片大小和数量

 

对于网站而言,尽量在上传图片时减少图片的大小和尺寸,可以在上传图片之前对图片进行压缩处理, 选择适当尺码即可。图片仅仅是网站的点缀,而不需要都是图文。同时,也尽量避免使用大量的视频或者音频内容。

 

 

七、减少JavaScript脚本文件 存放统一

 

尽量外部调用JS代码,不要放在网页中,更不要远程调用外部的JS代码。如Google建议加载在HEAD标签的分析。 可以尝试结合的JavaScript和压缩他们更快地加载。有时尽量减少头部的CSS代码,JS代码太多导致中间内容部分加载太慢。

 

 

八、运用静态的HTML页面

 

ASP、PHP、JSP等顺序完成了网页信息的静态交互,它们的数据交互性好,方便地存取、 更改数据库的内容,但必需由效劳器成HTML页面,然后在“传送”给用户,多了一个步骤,必定会影响到网站的速度,在新站开端的调查期内采用静态的HTML页面是一个不错的方式。

 

 

九、文件的访问改为.js引用

 

在ASP、ASPX、PHP等程序设计时需注意,如果在静态的HTML页面里嵌入动态的数据,而动态的数据是由ASP、PHP等程序来提供的话, 会使用以下的语句引用:本文以德胜网络官方网站为例

这样的话,每次有一个人访问你的网站,服务器就要执行并处理一次network_index.asp文件, 从数据库抽取相应的数据,再输出给网页显示,如果有几万个人同时访问,就要执行几万次,后果就可想而知。 建议在这些程序中将数据动态生成到一个network_index.js文件中去,然后在首页通过 这样的代码来引用该network_index.js文件。这样,数据显示的任务就交给客户端的浏览器去做,不会耗费服务器的资源,显示速度自然就很快。

标签: 网站优化

发表评论: