建立移动端模板目录， 同步内容好方便

要是不懂电脑的人想Zuo个网站，得有个专门的地方放手机上的样子，这就叫独立的移动端模板目录。就像手机上的相册，专门放手机上的图片。ran后我们要让手机上的内容跟电脑上的一样，这就需要数据库映射机制， 太顶了。 就像把照片从电脑传到手机上一样。记得把附件的路径写对，别弄错了不然手机上就kan不到啦。有个学校Zuo这个，后来啊手机上的访问量就从28%变成了51%，是不是hen厉害？

屏幕大小不一样， 设计得变变变

手机屏幕有大有小，如guo网页设计固定宽度，那肯定会有问题，kan起来乱七八糟的。我们可yi用个叫媒体查询的技术，根据屏幕大小来调整网页的样式。比如手机屏幕小的时候， 一阵见血。 可yi把导航栏弄成可yi折叠的，这样操作起来就方便多了。有个数据说这样弄了之后页面跳出率Neng少35%，是不是hen神奇？

织梦CMS， 让网站变漂亮又好使

妥妥的！ 现在的互联网，手机上的东西特bie多，企业网站的体验好不好，直接影响用户会不会买东西，还有品牌形象。织梦CMS是个挺不错的建站系统，我们可yitong过改模板来让它geng好用。就像给手机换个好kan的壳，让人一kan就喜欢。

滑动、 下拉，交互模式要跟上

手机上滑滑拉拉的操作挺多的，我们可yi用滑动切换、下拉刷新这样的功Neng，让用户觉得操作起来hen自然。比如文章列表页，我们可yi让它一直加载下去，不用翻页，这样用户kan的时间geng长。有个资讯平台改了之后用户kan文章的页数就多了从2.3页变成了4.7页。还有，我们可yi在header_模板文件里加个手势操作库，让页面过渡kan起来geng自然。

资源加载， 要轻巧又快

来日方长。 我们得用异步加载的方法来处理一些不那么重要的资源，比如侧边栏推荐模块，可yi先不加载，等用户需要的时候再加载。这样可yi让页面加载得geng快。还可yi用原生的JavaScript代替那些重型框架，这样Neng减少请求，也Neng省点内存。织梦CMS有个静态模板引擎，可yi让我们写点高效的内容。

图文混排， 要自适应才好

用CSS弹性盒模型和栅格系统，我们可yi让图文混排kan起来geng适应屏幕。把核心内容区域宽度设成百分比，图片Zui大宽度也设成百分比，这样就不会溢出了。有个案例说这样弄了之后手机上的页面加载速度从慢到快，平均下来才1.8秒，功力不足。。

设备检测， 自动跳转才方便

在模板头部加上检测设备的小玩意儿，kan到是手机访问，就自动跳转到WAP站点。不过还得给用户个手动切换的选项，毕竟有些人可Nenggeng喜欢电脑上的版本。有个统计说这样弄了之后误触率Neng降低78%，挺有用的。

代码要精简，加载才快

网页上的代码如guo太多太乱，加载起来就会慢。我们可yi删掉一些注释，合并一些重复的样式表，还用GZIP压缩一下这样Neng减少40%的代码体积。 我们都曾是... 有个装修企业弄了这个，首屏渲染时间就从3.2秒缩短到了1.5秒。

信息层级，颜色对比要明显

手机屏幕小，我们要让信息kan起来geng明显。比如把标题的字号变大，行间距也变大，这样用户就Nengkan得geng清楚。用SVG格式的图标代替位图，这样不仅清晰，还Neng少用流量，他破防了。。

按钮要大， 操作才方便

太刺激了。 手机上的按钮要比电脑上的大，这样用户才Nenggeng容易点对。还要把点击区域弄大点，这样用户即使不小心多点一下也不会出错。表单输入框别让键盘自动缩放，否则键盘弹出来就会乱。

夜间模式， 让晚上也好kan

现在的网站dou支持夜间模式了就是晚上的时候，屏幕上的颜色会变得柔和。我们可yi用CSS变量来切换主题配色，比如背景色和文字颜色。有个科技博客用了这个，晚上用户待的时间就多了18分钟。

---