浏览数量: 856 作者: 本站编辑 发布时间: 2020-01-02 来源: 本站
HTTP请求是站点速度的最大杀手之一。当HTML或CSS文件引用单独的元素(例如图像,脚本,Flash或样式表),并“请求”它们由浏览器一个一加载时,就会发生请求。因此,拥有的页面上组件越多,加载时间就越长。
提高移动网站速度的最快方法是简化设计:
· 简化页面上的元素数量。一般的经验法则是将主导航中的链接限制为不超过七个。删除不必要的功能;使您的副本简明扼要,并消除重叠的表格。
· 如果可能,请使用CSS而不是图像。借助CSS可以轻松实现圆角,阴影,渐变等效果。
· 将多个样式表合并为一个样式表。X-Cart使用皮肤系统:存在一个带有主CSS文件(main.css)的模板的基本目录,然后是带有辅助CSS文件(altskin.css)的当前选定的皮肤目录。这使您可以轻松自定义设计而无需覆盖核心文件,但是当涉及CSS时,可能会导致代码“加倍”。您可能需要将样式从一个文件传输到另一个文件,以显着提高网站速度。
· 将脚本放在页面底部或删除它们。这样,HTML内容将首先被加载,您的用户将不必等待脚本完成下载。
· 将图像组合成CSS Sprite Sheet,这是一个较大的图像,其中包含您在设计中需要使用的所有不同图像。它将减少对单个图像的引用,并提高移动商店的加载速度。在CSS-Tricks上了解有关CSS精灵的更多信息。
大量的全尺寸未优化图像是网站运行缓慢的最常见原因之一。1mb或2mb +的大图像在加载时会占用大量带宽,会占用大量服务器资源,而且,可以肯定的是,这引起了客户的注意。您需要关注三件事:大小,格式和src属性。
这里有一些有用的提示:
· 在将图像上传到您的网站之前,将其裁剪为正确的尺寸。1200×1200 px对于视网膜和常规显示器来说都可以。
· 尽量避免使用BMB,TIFF或GIF。JPEG是您的最佳选择。删除图像注释,并将颜色深度降低到可接受的最低水平。
· 确保没有空的<img src ='…'>代码,因为这会向服务器添加不必要的流量。