如何优化成都网站设计，让访客阅读不累更高效？

成都这座城市，热闹得很这个。你想把自己的网站也给热闹起来可别让访客看得头疼。怎么做？先从最根本的——布局和排版开始，简直了。。

简洁才是王道

先说布局吧。你知道吗？页面如果太乱，访客就会像在找针一样苦恼。把内容分成三块：顶部导航、中间主体、底部信息。这样一眼就能看清楚，何必呢？。

顶部导航最好只放几个关键链接：首页、关于我们、服务项目、案例展示、联系方式。别再塞好多菜单进去，哈哈，那样反而拖慢用户。

中间主体就是你想让人看的核心内容。段落要有空隙，别挤在一起。用段前段后留白，让眼睛有喘息空间，不堪入目。。

拖进度。 底部可以放版权信息、社交媒体链接以及快速链接。不必太花哨，保持整洁即可。

行距和字号要注意

盘它... 行距不宜太小， 否则文字会重叠；不宜太大，又会浪费空间。我常说：行距大概1.5倍字体宽度就好。

未来可期。 字号呢？正文最好在16px左右。标题可以大一点，但别把标题弄得跟正文一样小，那样读者根本不知道该先看哪块。

色彩配搭，不要花里胡哨

颜色是情绪的催化剂。白色背景配深灰文字，看起来舒适又专业。 就算.... 我更喜欢浅灰或米色背景，主要原因是纯白容易刺眼。

强调词用一点点红或蓝，不能过多，否则页面会像糖果店一样乱七八糟。说实话，我曾经用过全红标题，一下子失去信任感，绝绝子...。

对比度一定要高。不然文字读起来像烫手山芋一样痛苦。可测试一下用工具检查WCAG标准是不是合格。如果合格，那就放心了。

图片与图标——少即是多

图片可以提升视觉吸引力，但千万别让它们拖慢加载速度。有时候我就把高清图压到原始大小，却没考虑到访客的网速。

建议使用WebP格式或者压缩后的JPEG，不超过500KB。如果需要展示多张图片， 啊这... 就用轮播或者画廊控件，让用户自己决定翻页时间。

我们都经历过... 图标最好用SVG，这样无论放大还是缩小都不会模糊，而且文件体积小。我常用Font Awesome，不过如果你想自定义，可以自己绘制几个基本形状。

加载速度——用户体验的核心

A.

• B.
• C.

现在回正题：

说真的... 先说缓存， 你可以开启浏览器缓存策略，让同一资源只下载一次。还可以利用CDN，把静态文件放到离用户最近的节点上。

层次低了。 接着就是代码优化：CSS合并成一个文件，JS也一样。再说一个，要去掉不必要的注释和空格，这些都会拖慢解析速度。

再说说啊，就是懒加载！对于页面中不在视口里的图片和视频，就延迟加载。这点我自己之前搞错了把所有图片都设为懒加载导致首页出现空白框，我那时真是傻逼！哈哈哈。不对不对，我想说的是：懒加载一定要加占位符，否则滚动时页面闪烁，中肯。。

一个好的网站，就是能秒开且不卡顿。从服务器端到客户端，全链路都要做优化，这样访客才不会被卡住而失望离开。

PWA—渐进式网络应用，让访问更顺滑