由于移动互联网的急速发展，人们对于手机页面性能要求越来越高，手机网站设计中如何优化页面性能是大家普遍关注的问题，我们来看一下从加载相关设计优化页面性能的一些技巧。

手机网站设计

      1. 预加载，包括显性加载和隐性加载两种方式：
      A. 显性加载指用户能明显感知的，建议在互动页面都加上这种加载方式，不仅能增加页面的趣味性，还能让后续页面体验更流畅。
      B. 隐性加载指的是在加载第一张图片时已经预先加载了第二张图片，从而使得页面体验更流畅，其好处是节省流量之余又能使得体验增强。
      2. 按需加载是不可或缺的优化手段，主要有以下两种方式：
      A：在首屏加载的时候把首屏的内容加载尽量，而位于首屏之外的元素都只在出现在首屏时才加载，很大程度地节省了流量，提升了首次加载时间。
      B：响应式加载方式，就是利用JS或者CSS 判断分辨率，从而选择不同尺寸的图片进行引入，这种的好处显而易见，同样可以加快加载速度和节省流量。
      3. 压缩图片：对于jpg文件：一般对于移动端的JPG 文件的做法有，使用大尺寸大有损压缩比的jpg，或者使用jpegtran进行无损压缩；对于png，通常是多彩图片使用png24，低彩图片使用png8，尽量避免重定向。
      4. 使用其他方式代替图片：一种方法是依靠CSS 3绘制图片：或者使用iconfont代替图片，但是效果可能还不如图片好。

文章由上海网站建设公司昭歌信息整理发布https://www.zhaoge.net/，转载请注明出处