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

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

来源:易捷网站设计公司     时间: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
返回上一级
您可能需要:
网站设计图标
企业网站设计
高速稳定的国内空间,免费备案的香港、国外空间,单线、双线以多线空间
点击咨询
关键字推广优化图标
网站推广优化
指定网站关键词,确保一月之内优化到搜索引擎得首页,到首页之后再收费
点击咨询
企业邮箱图标
企业邮箱申请购买
以企业官网后缀为名称的邮箱,彰显公司企业形象,先试用,满意后再付款
点击咨询
国徽图标
网站域名空间备案
域名空间提交国家工信部备案审核,十五天即可完成,网站备案实名势在必行
点击咨询
网站设计相关资讯推荐
我们在链接网站上能做些什么呢
子域名和目录
浅谈人工智能对银行业的影响
网站建设好后需要做以下三点维护
SEO技术:在短时间内增加百度的权重
契合顾客的心理图景
医疗类网站建设栏目设置分析
学习做网站优化知识有用吗
如何创建有价值的推广软文
社会化商业时代,用户以网的形式存在
网站设计前需要了解的事项
如何去做站外链接
深圳建设网站应考虑哪些细节问题
做网站改版有哪些注意的细节
如何给测量数据加入报警机制
QQ在线咨询

扫一扫微信咨询