首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

提升移动网站打开加载速度的小细节

总所周知,移动端网站打开需要流量的,而且速度是其中非常重要的元素。假如网站的加载打开速度慢。访客根本不会有多余的考虑,直接把网页关闭掉的。所以为了提升移动网站的打开加载速度,这几点小细节一定要处理好。

1、合并文件

所谓的合并文件就是把所有的脚本都放在同一个文件中,减少HTTP的请求方法。例如是把所有的css文件都放在同一个样式的表中。

2、CSS Sprites

CSS Sprites是减少图像请求的有效方式。通过把所有背景的图像都放在一个图片文件中,然后通过css的backgroud-image以及backroud-position属性来显示图片的不同部分。

3、开启Gzilp压缩

Gzilp压缩所有的可能的文件类型,减少文件的统计以及增加用户的体验。它能减少70%的响应规模。

4、外部调用JavaScript和css

将JavaScript和css封装,作为外部文件调用,减少了网页中的源代码体积。

5、图片的优化

尽量把网页中的图片格式(jpg、gif等)转化为png格式。因为JPG以及GIF格式的图片在有耗损压缩会使得原始图片的数据质量下降。而且生成容量较大的文件,不适用于网页的图标。而png格式图片的压缩比较高,生成的文件容量会更小。

6、把网页代码中的多余空行。空格以及注释删除

在网站发布之前,把网页中的空白。空行以及注释等无意义的代码内容删掉,会减少网页字节,节省搜索引擎蜘蛛的爬行时间。

作为站长对于这些代码处理可能不太熟悉,所以在建设移动网站的时候就要跟程序技术员沟通好,把这些小细节处理好。这样才不会影响移动端网站的打开加载速度。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180120A0C10B00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券