日志
移动端优化如何做好
2018-04-18 10:06
随着时代的更新，网民开始逐渐适应使用手机来进行网上活动，如图
从图中可以看出，移动端的使用率已经很接近PC端了，这就使得我们需要在做好PC端网站体验的同时，做好移动端的体验，移动端又分为移动端网站和app，咱们这次主要就移动端网站来说一说他的规则和玩法。 在咱们使用浏览器搜索咱们需要的信息的时候，用PC和移动端的搜索结果呈现方式和效果都是不同的，因为屏幕分辨率的关系，可能会造成图片的变形及排版错误，如下图。 要做好移动端网站的优化有四部分要注意 一、站点速度 如果从输入网址后，三秒钟还没有加载出你的网站，那你的网站就可以出局了，影响他的因素跟你使用的服务器质量有关，你所在地区的网络质量，你的设备的质量，还有你网站是否有代码冗余，移动端站跟pc的网站代码需要调用的代码不一样，如果没有做好，只会让网站速度变慢，或者坑用户的流量。 二、移动适配 为了提升用户体验，用户使用电脑或者移动端查看网站的展现是不同的，这就是前面说的，不做移动适配，会出现图片排版变形的情况。 适配的方式有两种： 一种是跳转适配，案例是新浪主页。用户在输入新浪的网址后会自动辨识你的设备及分辨率，判断是留在该页面还是跳转到移动端网站，有的公司网站技术不高，把辨识功能的代码放在后面，等用户已经下载好了PC网站才执行这个跳转，这就是坑用户流量，这是非常不可取的。 二是自适应，顾名思义，他会根据你浏览器的分辨率来调整你网站的样式，案例是知乎。 这两种方式，在内容方面，跳转适配需要制作两个不同的网站，更新内容时也要更新两遍，而自适应本身就是一个网站，更新只需一遍。在性能上，跳转适配可轻松战队像屏幕优化，而自适应需要有周全的计划才能达到最佳效果，数据膨胀是常见的问题。 三、站内站外优化 1、建议使用html5+css3技术 2、URL使用简短易记的 3、站点名称中出现“手机版”，“触平板”字样 4、推荐使用自适应的适配方式 阅读全文 |
下一篇： 高质量的UI设计学习路线
上一篇： 你真的了解盒模型么