网站设计公司易捷网络:专注企业网站设计

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

来源:易捷网站设计公司     时间:2019-04-04

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标签中所包含内标签且标签种类不同,则先判断是否为ul。。。。

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,异步加载第三方资源

第三方资源不可控会影响页面的加载和显示,因此要异步加载第三方资源。

深圳网站设计公司易捷网络科技是一家专业从事深圳网站建设和深圳网页设计的深圳网络公司,主要经营的业务有:深圳网站建设、网页设计、网站推广优化、企业邮箱申请、网站域名空间备案。欢迎来电咨询(微信同号):13714247375
返回上一级
您可能需要:
网站设计图标
企业网站设计
高速稳定的国内空间,免费备案的香港、国外空间,单线、双线以多线空间
点击咨询
关键字推广优化图标
网站推广优化
指定网站关键词,确保一月之内优化到搜索引擎得首页,到首页之后再收费
点击咨询
企业邮箱图标
企业邮箱申请购买
以企业官网后缀为名称的邮箱,彰显公司企业形象,先试用,满意后再付款
点击咨询
国徽图标
网站域名空间备案
域名空间提交国家工信部备案审核,十五天即可完成,网站备案实名势在必行
点击咨询
网站设计相关资讯推荐
网页设计中颜色的重要性
企业网站上线后容易犯的错误
企业网站建设,必须知道的流程!
注意代价高的关系
营销型网站和普通网站好在哪里
防火墙,到处都是防火墙
慎用第三方解决方案扩展
中小企业做网站建设存在的误区
网站打开速度慢迅速优化建站图片需掌握什么技巧
真正的网站设计流程
如何降低网站跳出率
如何稳定企业网站关键词排名
如何理解网站优化工作的web分析数据需求
跟网站有关的内容质量
网站内容怎样保持延续性
QQ在线咨询