谷歌于 2018年1月17日宣布,移动WebApp的页面打开速度将被纳入到页面搜索的排名中。考虑到来自移动设备浏览器的互联网搜索和流量的持续增长,这个决定也并非意外。
对网站搜索结果排名的影响
长期以来,网站的SEO一直在努力确保他们的网站出现在 Google 搜索结果的第一页上。所有公司都有自己SEO优化的专家。 主要精力放在好的SEO优化上,相反在加载速度就没有更多的精力去花费。网页在移动浏览器上的加载缓慢的网站将受到较低排名的后果。
谷歌目前还没有透露页面速度和页面排名之间的具体算法关系。一旦在页面排名和搜索结果中使用更新后的算法,预计具体实施将是在2018年7月后的事情。
开发者将面临更大的挑战
现在,网站开发人员必须要重视这个公告的内容。所有的产品和互联网公司将不得不进入移动网络发展的下一个技术时代。
开发者必须采用新技术 持续防止这个页面访问缓慢的问题。随着几年前Google的 AMP 宣布,大多数面向内容分发的公司都采用了AMP技术来保持更高的搜索结果。
目前已经到了要求网站开发人员的时候了,这样你的网站才能保持更好竞争力。
以下是我对现有网站/页面 网络访问缓慢的几点建议,并且为2018年7月的最后期限做好准备。
第1步:访问网站的所有页面,检查否需要优化页面速度
使用Google的PageInsights工具来评估页面是否需要优化。如果网页的速度可以定位到移动设备,那你需要在App和Pc客户端上去做速度优化的事情。
如果你的网站不兼容移动设备,应该要显示“此设备不可用”。从现在就开始计划将网络加载的时间纳入项目优化的规划中!
第2步:确定要优化的内容
影响页面速度可能由下面一系列问题造成:
1.基础硬件设施问题。如客户端,服务器设备等。
2.服务器配置,性能/扩展问题。如缓存,SQL优化等
3 未经优化过的资源,如HTML,CSS,JS,大图片。
4. 代码/架构 问题。
第3步:解决问题!优化1
如果你尚未使用,请尝试使用Apache和Nginx Web服务器上的开源Google PageSpeed模块。它会给你的网站一个重大的帮助。有助于自动修复与HTML,JS,CSS和图像的许多问题。
优化2
与各种CDN提供商一起使用你的网站代码使用的JS / CSS库。以将减少第三方合作商读取公共资源的延迟。
长期一直做的
检查Infrastrure在收集上述两种解决方案之后,你需要检查你程序的架构设计问题,大都数情况这是会导致移动页面加载速度变慢的根本原因。
检查技术瓶颈,如果却是存在。如果是这样,你可以尝试使用PaaS或IaaS的这种新技术。
从现在起重新构你的WebServer/App
优化 架构/框架/代码 等
最后, 最可怕的问题是一个架构问题。这是主要做的事,但是重构将消耗开发者大量的时间,精力。
需要特别注意的是,使用在你移动设备的服务器或者web程序的框架类库。需要通过专门为在移动平台上提供的新框架的专用版本。 如: 用 RxAndroid,而不是用RxJava。
下面列出了使用最佳的一些框架。在你的网络优化中使用新技术,将有助于提高你的WebApp和Web网站的性能和用户体验。
1 ,React JS框架:虚拟DOM!
2,Angular 5框架:具有良好的生态系统来管理大型应用程序,速度很快。
3 ,Vue JS框架:虚拟DOM和语法有点类似于Angular 5;
更灵活。
4 ,Ionic框架(PWA版本正在开发中):一个原本针对移动平台的优秀的UI框架。
在你后续新发布的版本中,你可以使用React,Angular 5或Vue作为MVC框架创建出色的WebApp/ 桌面应用程序。
我所给出的未必是一个最佳的方案,却是改善的 WebAPP 的加载速度的一个思考点。
来源:开发者技术前线
领取专属 10元无门槛券
私享最新 技术干货