几天没逛周松松博客，偶然发现页面多了些小调整 —— 右侧用 iframe 框架嵌套了卢松松博客的最新文章与 4414 站长社区的内容，这种跨站整合信息的思路倒是挺实用，能让读者在一个页面接触到更多相关领域的动态。不过打开 F12 简单看了下，iframe 框架的呈现方式确实还有优化空间：一方面，框架加载时容易出现页面布局卡顿、滚动不连贯的情况，尤其是网络波动时，空白加载的等待感会影响阅读体验；另一方面，iframe 内容对搜索引擎不算友好，虽说嵌套的是外部内容，但若想让自家博客页面的整体加载效率和索引表现更优，或许有更合适的方案。

其实换成 AJAX 异步获取会是个不错的选择。异步加载不仅能避免框架嵌套带来的布局割裂感，让内容融入原生页面，加载过程中还能通过 loading 状态提示提升交互体验，读者无需等待整个框架加载完成，就能流畅浏览博客主体内容；而且 AJAX 获取的内容是动态渲染到页面中的，既不会影响百度等搜索引擎对周松松博客本身内容的抓取索引，又能实现外部信息的实时更新，兼顾了体验与 SEO，算是个一举两得的优化方向。

懒人可以直接复制使用。为什么要用4414站长社区与卢松松博客为例写代码呢。首先这从周松松博客改版想到写个API的，其次这代表了Discuz与Zblog。也就是只要社区或网站是这个做的，那就是通用的代码。只需要把代码开头的数组里面的网址改成对应的即可。

《周松松博客的小改动与体验优化建议(详解PHP抓取4414站长社区与卢松松博客最新文章的教程)》，本文由文韵坊阅读网原创写作，转载请注明出处。原文地址：https://www.wenyunfang.com/zazhi/zhongwangjiaocheng/1602.html