课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
对于用户来说,网站加载速度和网站延迟是非常影响用户体验的,下面我们就一起来了解一下,web前端开发程序员如何针对这些问题进行性能优化。
延迟和页面加载速度
快速选择一个度量工具(如 Rigor、Lighthouse 或 PageSpeed Insights)并坚持下去。趋势比确切的数字更加重要。
移动版页面的加载速度非常重要,即使你正在运行 AMP 版本的网站。谷歌通过原生移动体验(包括加载速度、用户体验和其他因素)来评判一个网站。
将添加到页面中的每个跟踪像素和标签的所有权交给某人,然后让利益相关者每六个月验证这些标签。如果不这样做,人们会要求你在页面中添加越来越多的垃圾,直到你的团队因为网站变慢而遭到指责。
对于拥有数百万个页面的网站来说,服务器响应时间变得尤为重要。如果你的服务器响应速度慢,谷歌是不会耐心等待的。
如果在一个大型网站中使用 NGINX,请确保即时 Gzip 压缩不会带来弊大于利的效果(减慢服务器响应速度)。
清除任何影响页面渲染的东西,这样可以一下子改善一系列的指标(即使是纯文本网站,在加载 JS、CSS 和字体时也会遇到瓶颈)。
关注页面加载的前 200ms 和 2s 期间发生的事情。因此有动态元素(如广告),有些页面不会立即“完整”加载。
关键的渲染路径
加载一批字节的时间是一个重要的指标,但一批字节中包含的是哪些内容也同样重要。在打开与服务器的新连接之前,浏览器应该能够构建屏内容。
定义页面元素的大小,避免页面出乱子。如果页面四处移动,用户会感到沮丧,即使加载速度很快,用户也会感觉整个页面很慢。
“新”技术和谷歌机器人的可访问性
客户端渲染可能意味着 SEO 已死。谷歌建议用户为其搜索爬虫提供服务器端渲染的页面,即使呈现给用户的是客户端渲染的页面。
为谷歌机器人提供简单的分页,以免让用户看到“无限滚动”的情况。
避免使用“块级”链接,尽管这样可以简化代码。包含在 < a > 标签中的所有额外内容都会导致谷歌机器人难以将上下文的值传递到目标页面。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!