资源优化

最近在Vue项目里把图片都换成WebP格式了，发现Chrome显示正常，但测试IE11和部分安卓机完全看不到图片。我查了文档知道这些浏览器不支持WebP，试过用标签加srcset属性：<img ...

我在项目里用@font-face引入woff2字体文件，但页面加载时总会出现文字闪烁。试过设置font-display: swap和预加载，但效果不明显，有没有更好的优化方法？ @font-face ...

我在合并项目中的两个CSS文件时，发现登录页的按钮样式突然变成默认样式了。之前分别引入时没问题，合并后其他页面正常，就登录页出问题。试过调整合并顺序、检查选择器权重，都没解决。 合并前的HTML是这样...

我在Vue项目里尝试用WebP格式优化图片资源，用标签直接引入.webp文件。在Chrome/Firefox都能正常显示，但测试时发现IE11和旧版Safari（比如14.1）显示空白。我检查过文件路...

折腾了好几天移动端视频优化，发现视频在iPhone上加载特别卡顿，而且自动播放时偶尔会黑屏。我按照网上的方法设置了poster和muted，但效果不好。这是我的代码： <video class=...

我在给图片组件设置srcset和sizes时遇到了问题，移动端设备明明匹配了小图，但显示还是模糊。 场景是卡片组件里的封面图，用CSS设置了最大宽度600px，图片宽度100%。我按照文档写了： &l...

我给项目里加了好多SVG图标，压缩后反而变模糊了？ 最近在优化网页图标资源，把所有SVG图标用SVGO压缩后，虽然文件体积变小了，但在Retina屏上看明显发虚。之前直接这样引入的： <svg ...

大家好，我在React项目里用标签的srcset属性同时提供webp和avif格式图片，结果在IE11和老版安卓机上直接显示空白了。之前用Can I Use查过这两种格式的支持情况，确实这些旧浏览器不...

在项目里用Google Fonts的Roboto字体，按文档配置了子集参数latin,latin-ext，但发布后发现部分特殊符号和中文显示为方块。我尝试过： 并在CSS里设置了font-family...

我在使用Google Fonts时按文档配置了字体子集，但页面里的中文引号和特殊符号还是显示方框。代码明明写了subset: 'latin,latin-ext,cyrillic,devanagari'...