2018-4-16 蓝蓝
如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里
随着时代的更新，网民开始逐渐适应使用手机来进行网上活动，如图
从图中可以看出，移动端的使用率已经很接近PC端了，这就使得我们需要在做好PC端网站体验的同时，做好移动端的体验，移动端又分为移动端网站和app，咱们这次主要就移动端网站来说一说他的规则和玩法。
在咱们使用浏览器搜索咱们需要的信息的时候，用PC和移动端的搜索结果呈现方式和效果都是不同的，因为屏幕分辨率的关系，可能会造成图片的变形及排版错误，如下图。
要做好移动端网站的优化有四部分要注意
一、站点速度
如果从输入网址后，三秒钟还没有加载出你的网站，那你的网站就可以出局了，影响他的因素跟你使用的服务器质量有关，你所在地区的网络质量，你的设备的质量，还有你网站是否有代码冗余，移动端站跟pc的网站代码需要调用的代码不一样，如果没有做好，只会让网站速度变慢，或者坑用户的流量。
二、移动适配
为了提升用户体验，用户使用电脑或者移动端查看网站的展现是不同的，这就是前面说的，不做移动适配，会出现图片排版变形的情况。
适配的方式有两种：
一种是跳转适配，案例是新浪主页。用户在输入新浪的网址后会自动辨识你的设备及分辨率，判断是留在该页面还是跳转到移动端网站，有的公司网站技术不高，把辨识功能的代码放在后面，等用户已经下载好了PC网站才执行这个跳转，这就是坑用户流量，这是非常不可取的。
二是自适应，顾名思义，他会根据你浏览器的分辨率来调整你网站的样式，案例是知乎。
这两种方式，在内容方面，跳转适配需要制作两个不同的网站，更新内容时也要更新两遍，而自适应本身就是一个网站，更新只需一遍。在性能上，跳转适配可轻松战队像屏幕优化，而自适应需要有周全的计划才能达到最佳效果，数据膨胀是常见的问题。
三、站内站外优化
1、建议使用html5+css3技术
2、URL使用简短易记的
3、站点名称中出现“手机版”，“触平板”字样
4、推荐使用自适应的适配方式
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
您可以选择一种方式赞助本站
支付宝转账赞助
