你测自己网站速度，发现首屏要2秒多。这2秒里客户看到的是一片空白。客户不知道你是在加载还是死机了，很多人直接关掉。加个骨架屏，白屏的时候先显示灰色的占位块。
骨架屏是什么
就是页面内容的灰色轮廓。文章区域先显示几条灰色长条，图片位置显示灰色方框。客户看到这个，知道页面在加载，愿意多等一会。
类似你刷朋友圈的时候，内容还没出来，先看到几个灰色的占位块。
怎么实现
第一种，CMS主题自带。现在很多免费主题已经内置骨架屏了。你看一下主题设置里有没有「加载动画」选项。
第二种，用插件。有专门的骨架屏插件，装上之后自动给文章、图片、列表加占位。
第三种，简单做法。在页面内容还没加载出来的时候，先用CSS写几个灰色div占位。内容加载完之后把div隐藏。代码不复杂。
注意事项
第一，骨架屏要跟真实布局一致。别随便画几个灰条。文章区域是多长、图片在哪，骨架屏就按那个布局画。客户看到骨架屏，对页面结构有预期，加载完不会跳。
第二，别让骨架屏一直转。骨架屏只是过渡，2秒之内必须加载出真实内容。如果骨架屏显示超过5秒，客户还是会走。根本问题还是要优化速度。
第三，手机端效果明显。手机网速慢，加载时间长，骨架屏对手机客户体验提升最大。
骨架屏不能替代速度优化。但在你优化速度的同时，加个骨架屏能立刻降低跳出率。
