优化媒体资产一向对网站性能至关重要帮助开发者测量、理解和提高网站性能,谷歌创建核心Web VialsWeb维值聚焦用户经验的三个方面:加载、交互作用和视觉稳定性2021年6月Google计划将页面经验编成排名因素-so核心Web维值媒体资产优化将变得更加重要
云人有机会分享技巧提高媒体优化自动化上千名前端全机工程师加入虚拟事件,其中包括三天会议、讲习班、联网事件和挑战
云型参两场事件高层会议
- A级小组讨论由开发者经验工程师Tamas Piros主播的网络性能和核心WeViCassidy Williams首席开发者经验工程师Netlify和HouseinDjirdeh开发者代言人Google
- 开发者讲习班调用快速媒体=快速网站由Marissa Masangcay教 技术营销专家云学Pramodshnoy求解架构师云式和AkshayRanganath爵士求解架构师云
并思考开发商、零售商、出版商和真正拥有数字存在的组织需要了解核心WeViews和媒体优化
提高网站性能增加网站时间并减少网站放弃事实上Google研究发现网页满足核心Web维值阈值时,访问者放弃页面负载的可能性小24%2021年6月核心WeViews将变成Google搜索排名因素,
优化页面性能不仅仅是驱动转换或改善SEO归结为无障碍环境由OudenaryHousein Djirdeh主机重构峰会时,Google开发者代言人提醒参赛者:「自动化是关键,通过保证网站满足一定性能栏目 保证尽可能多的人访问网站内容
云口技术营销专家Marissa Masangcay对核心WeViews大全一览视图录制来.
核心Web维值如下:
LCP测量视图端中最大内容元素,例如英雄图像变可见Google建议LCP应在页面开始加载时2.5秒内实现不良LCP常见原因为慢服务器响应时间、阻塞JavaScript和CSS、慢资源时间和客户端转换
FID系统测量时间从用户先与页面交互到浏览器实际能响应交互网页FID百毫秒或更少贫穷FID常见原因为重Jascript执行
CLS系统测量内容不稳定性的方法是跨布局移动分数,这些分数不会在用户输入500毫秒内发生穷CLS常见原因为无维图像广告、嵌入器和框架无维动态注入内容动作等待网络响应后更新DOM核心WeViews会随时间推移而演化,但Google表示,这些Creatives将始终以用户为中心,可测量元素开发者可用以改善用户经验可查找WebVient修改公共变换.
回想高层网络性能与核心WeViews分享技巧提高Web性能Ecric Portis 开发者EvengelistCassidy Williams Netlify首席开发者经验工程师建议除去非用法提高性能
小组成员讨论了利益灯塔开源自动化ChromeDev工具提高网页质量灯塔审核性能、无障碍性、累进网络应用、SEO等因为它开源开发者可以创建并添加自己的测试云化团队在研讨会上还推荐WebPage测试网络性能工具使用浏览器访问网页并收集定时量度测试用户跨地点、跨设备浏览器版本的实际经验
面向零售商性能优化聚焦主页、列表页和产品细节页优化媒体资产是提高性能和核心WeViences的一个重要部分,因为图像和视频占网站总字节的三分之二,Portis在面板上注意到在小组讨论和研讨会上,讲演者分享了一些媒体优化技巧,包括:
- 要优化资产,你必须考虑格式、质量和图像大小开发商管理大量媒体资产时手工做这些规模选择耗时难易云化自动化进程创建快捷网站经验
- 开发者可节省时间并改进用户经验,AI自动识别图像焦点,免得人工验证
- 使用内容传送网络-服务器网络连接并尽可能快速、廉价、可靠安全交付内容-改进网站负载时间,降低带宽成本,增加内容提供量和冗余量,提高网站安全性开发者可以通过多CDN方法获取更多优势,多CDN方法中他们从不同提供方综合使用CDN以更快传送内容并减少停机机率查查云化多CDN交付演示理解它能产生多大变化
除上述技术外,我们还讨论了云化提供的其他优化方法,例如媒体优化中,产品图片集部件并上传部件.
坦率地说,世界上所有页优化技巧都无济于事,如果组织屏障会妨碍你应用这些技巧。最重要的建议或许是让团队理解媒体优化为何如此重要并致力于使媒体性能跟踪过程并用Lighthouse展示不同媒体优化技术对页面性能和核心WeViews效果和往常一样伸手联系任何时候,如果你想支持媒体优化
