全国服务热线:4006-028-024 成都热线:028-86633922
新闻中心网站专题联系我们
行业新闻 建站经验 网站建设资讯 手机网站资讯 微信网站建设资讯 APP开发资讯 商城网站资讯

手机端网站设计在速度上优化的方案

发布人:桔子科技    发布时间:2019-04-01 10:55:45    分享到:
     PC优化手段在Mobile侧同样适用。在Mobile侧我们提出三秒种渲染完成首屏指标。基于第二点,首屏加载3秒完成或使用Loading。基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB。Mobile侧因手机配置原因,除加载外渲染速度也是优化重点。基于第五点,要合理处理代码减少渲染损耗。基于第二、第五点,所有影响首屏加载和渲染的代码应在处理逻辑中后置。加载完成后用户交互使用时也需注意性能。
1.尽量减小首屏加载的资源
2.inline首屏必备的css和javascript
3.当出现多个li标签需要进行循环判断点击效果的时候,可以采用事件委托的方式大大提高效率,倘若每个li标签的点击结果效果不同,可以采用swich,case的写法实现;ie浏览器不兼容ev.target,兼容event.srcElement的写法;用nodeName来获取具体的标签名,但nodename返回的是大写的,我们需要用toLowerCase函数来将其转化为小写;
当已经写入标签的移入移出效果,而后再加入标签;(那么后加入的标签没有被写入前面缩写的js效果)如果使用传统的写法即不使用事件委托来实现则会如此;当然可以将鼠标移入移出封装为一个函数,后面再调用,但这样则增加了dom的操作;加入li标签中所包含内标签且标签种类不同。
4.网页的缓存一般都是由http消息头中的Cache-control来控制的,常见的值有private、no-cache、max-age、must-revalidate根据不同的浏览方式可以做如下区分:
刷新页面
无论值为什么,都会重复访问
打开新窗口
如果Cach-control的值为private、must-revalidate、no-cache,那么打开新窗口访问时都会重新访问服务器,而如果设置了max-age值,那么在此值对应的时间内不会重新访问服务器。
例如:Cache-control:max-age=3表示访问此网页3秒内再次访问则不会去服务器访问。
在地址栏回车
如果值为private或must-revalidate(和网上说的不一样),则只有第一次访问时会访问服务器,以后就不再访问。如果值为no-cache,那么每次都会访问。如果值为max-age,则在过期之前不会重复访问。
回退
如果值为private、must-revalidate、max-age,则不会重复访问,而如果为no-cache,则每次都重复访问;如果为no-cache则无论以什么方式打开浏览器都会重新访问服务器
5.预加载
大型重资源页面(如游戏)可使用增加Loading的方法,资源加载完成后再显示页面,但Loading时间过长,会造成用户流失。
6,异步加载第三方资源
第三方资源不可控会影响页面的加载和显示,因此要异步加载第三方资源。
      本文是成都网站建设公司、成都网站设计制作公司、成都APP开发公司、成都响应式网站建设、成都VR全景制作-桔子科技公司为您整理!
成都网站建设,成都网站设计,成都网站制作,成都网页设计,成都网站建设公司 ,成都网站设计公司,成都网站制作公司,成都网页设计公司,网站建设网站制作网站设计网页设计成都响应式网站建设、成都响应式网站制作、成都响应式网站开发、成都全景制作、成都VR全景制作成都手机网站建设,手机网站建设,成都APP开发,APP开发,成都建网站,成都做网站,成都商城网站建设,集团网站建设,网站建设,高端网站建设,品牌网站建设,成都平台网站建设,成都响应式网站建设,成都微信网站建设,成都微商城网站建设,成都微信营销,成都微信小程序开发、成都网站优化,成都网络公司。

 

下一篇:最后一页上一篇:什么样的手机网站建设才叫好的呢

最新案例
手机/微网站
  1. [成都] 微信公众号代运营遇到的误区了解几个
  2. [成都]做微信网站建设设计需要注意哪些问题
  3. [成都]正确看待微信公众平台与推广的热度
  4. [成都]手机端网站设计在速度上优化的方案
  5. [成都]什么样的手机网站建设才叫好的呢
  6. [成都]手机网站建设前需要做好哪些准备工作
网络营销
  1. APP开发公司开发一款app需要多长时间呢
  2. 直销APP开发整套解决方案报价
  3. 企业APP应该如何开发
  4. APP开发的价格是多少呢
  5. APP开发功能特点介绍
  6. 网站有了小程序还需要开发APP吗

  • 电话:4006-028-024 028-86633922

    邮箱:Service@orangeapp.cn

    成都市成华区崔家店路789号上城国际1-24-9号

qqsina