搜寻文章标签:Image

下载符号

使用 preload、prefetch、dns-prefetch、preconnect 最佳化资源加载顺序!

先前面试时面试官询问到我早期制作的一个 SPA 网站在换页后图片载入体验不太好的问题,当时我把脑袋能想的所有答案都提出来了😅,最终有答到一点边缘知识,但太少用所以回答的不是很确定,因此这次来补齐这方面浏览器提供的机制,主要介绍浏览器如何处理安排资源的加载。

图片符号

我可以把图片放在标题里面吗?

有时候为了装饰用途会需要用图片来显示标题,于是我开始思考“把图片放在标题里面”是不是和规的 HTML?是不是一个好的作法?主要查阅了 Google Search Central 的回应以及 MDN 文件,结论是和规的,以及有更多可以留意的细节。

图片符号

所有优化网页图片的技巧都写在这了!

图片是丰富网页内容避不可少的元素之一,大家都会在网页中添加图片,并且大多数网站中图片与影片是传输资料中最繁重的存在,了解如何改善它们是最划算的选择,如果网站效能或加载速度出现问题,第一步可以从图片或影片开始改善。让我们先从简单的例子一步一步找出潜在的问题以及如何解决,了解图片实际上有很多有趣的细节可以调整。