如何网站制作_武汉便宜做网站_伊春网站建设_西安seo顾问



之前一系列博文介绍了网站后台的数据库性能优化,其实前端的优化也是很重要的。在数据库范文速度提升上去的时候,仍然会出现页面加载缓慢的现象,此时,就需要对于网站的前端代码进行优化。

 

关于前端性能优化的教程不多,好不容易找到了一本教材,《高性能网站建设指南》,下面以此书的内容为主线,讲解一下前端性能优化的方法。

 


 

一、           减少http请求

这是提高前端性能的一个重要原则。

能少一次请求就少一次。

 

1.      使用图片地图

我们知道,一个img标签会向服务器发起一次请求获取图片,那么如果把多个图片合成一张图片,就可以将多次请求变成一次请求了,这就是图片地图。

图片地图通过用户点击的位置不同而相应不同的事件,这样就会使得前台代码变得较复杂,难以看懂,个人觉得不太可行。

 

 

2.      合并JavaScript和Css文件

一个script标签或者link标签也会向服务器发起一次请求,所以必须减少页面中引用外部文件的次数。一般来说,一个页面配一个JS和一个CSS。

 

3.      避免重定向

重定向也会发出Http请求。

 

二、           使用内容发布网络

       该系统会自动选取与用户最近的服务器。

 

三、           使用缓存

1.      指定Expire头

给组件使用Expire指定使用缓存

也可以使用Cache-Control:max-age=315360000代替

 

2.      使用外置的Js和Css文件

       内置的js和css通常不会被缓存。

 

四、           压缩组件

       将代码进行精简。有其是Js代码

       主要方法有,将空格删除,将较长变量名用v_1、v_2之类代替

       工具:gzip

 

五、           将CSS文件放在顶部

       这样可以使得页面逐步加载呈现,增强用户体验,防止白屏。

 

六、           将JavaScript文件放在底部

防止下载脚本阻塞了页面显示。

 

 

JavDroider's Blog   欢迎批评建议~~

 

">

咸阳软件开发

网站定做、淮南网站建设好、永久使用、不限域名、企业免费建站

信阳seo?

如何网站制作_武汉便宜做网站_伊春网站建设_西安seo顾问

seo博客:SEO教程自学网_零基础自学SEO-深圳seo博客

官网建设广州建设网站邵阳seo网站建设的过程达州seo舟山网站制作网站建设服务开发网站公司网站设计实例莆田seo苍南网站建设手机应用开发伊春网站推广东莞做网站公司上海做网站公司android游戏开发教程网站建设中长沙软件开发企业免费建站凤岗网站设计建设一个公司网站潮州seo青岛建站东营做网站苏州网站设计微信小程序开发价格西安网站优化南阳seo网站制作方法怎样网站建设长沙做网站

猜你喜欢