黑马程序员技术交流社区

标题: [sz]搜索落地页体验技术及应用 [打印本页]

作者: fffiii 时间: 2019-8-26 15:21
标题: [sz]搜索落地页体验技术及应用

如何更快、更好的将各类搜索结果页面传递到用户端一直以来是百度搜索前端的核心关注点。基于此，李兆明分别从如何让落地页加载更快，如何让搜索结果页和落地页之间切换更加顺滑以及未来的新标准，介绍百度搜索落地页体验技术的探索。
如何让落地页加载更快
思路一：提前加载。通过 Resource Hint 提示浏览器预解析域名、建立预连接，甚至进行预渲染。若是不支持的浏览器，则可以通过 JavaScript 模拟一部分。
思路二：抓取数据。通过开放平台提交数据，由百度来渲染。
思路三：MIP / AMP。MIP 提供多重措施，让使用 MIP 技术的页面加载速度更上一层楼。例如，CDN 加速服务；使用 MIP 设计的网站没有任何可以阻塞渲染的脚本，所有脚本都在页面主体加载完成后才执行。此外，MIP 要求所有页面都是静态的，如果有需要实时更新的数据需要异步获取，这样设计节省了后端的渲染时间。
如何把两个页面融合在一起？
其实，无论有多少优化加载速度的手段，归根结底离不开页面跳转。但是，浏览器跳转相对来说不够平滑，用户体验不够好，能不能把前后两个页面融合到一起呢？
答案当然是肯定的。李兆明在保证体验、保障安全及保持开放的基础上，讲解了百度前端搜索的解决方案：
保证体验：通过 Iframe 加载页面；通过 PostMessage 等方法实现交互动效。
保障安全：不允许使用外部脚本，需要封装组件审核；通过校验确保 HTML 符合规范。
保持开放：通过 GitHub 追踪开发。

作者: 398580721 时间: 2019-9-3 14:20

今天不想跑，所以才去跑，这才是长距离跑者的思维方式。

作者: chengjiayu 时间: 2019-9-4 10:53

有一种能力是不断持续的努力

作者: pakho-chou 时间: 2019-9-4 14:03
我们笑着说再见，却深知再见遥遥无期。

作者: 陈么么 时间: 2019-9-4 16:14
浩气长存不如威风堂堂，逍遥自在不若极乐净土。

作者: 流浪的猫~ 时间: 2019-9-4 16:41
羡慕不能眼红，敢拼才是英雄。

作者: DarkHorse0 时间: 2019-9-5 08:59
有些事我并不是不知道，只是我可以装作不知道。

作者: wilsonchen 时间: 2019-9-5 09:23
我从不喜欢迁就却用最干净的真心为你妥协了很久。

作者: 娟呀 时间: 2019-9-5 10:15
不要依赖梦想而忘记生活

作者: 李大哥 时间: 2019-9-5 10:33
乞丐并不会妒忌百万富翁，但是他肯定会妒忌收入更高的乞丐。

作者: 哎哟琪呀 时间: 2019-9-5 10:57
事实是不会为体贴我们这些悲念而有些许更改的。

作者: 没有技术的臭虫 时间: 2019-9-5 17:58
故天将降大任于斯人也，必先苦其心志，劳其筋骨，饿其体肤，空乏其身，行拂乱其所为，所以动心忍性，曾益其所不能。

作者: 夜听雨 时间: 2019-9-18 16:56
不要等待机会，而是要创造机会。现在我来了，希望我们都可以坚持，早日用知识达到暴富

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2