- 博客(6)
- 收藏
- 关注
RSS订阅原创 前端优化-SEO
不幸的是，除了 optional 之外的属性都会引发 re-layout，通过以上的其中一种方式。针对关键字体使用 <link rel=preload> ，提高优先级，让字体下载有更高概率赶在fcp之前，这样就能避免布局偏移。移除无用的css，并将它们移到需要的页面;尽可能的在网络请求时，给一个loading，或者占位符提示，避免用户在这段时间内进行操作。如果图片位于容器内，可以设置宽度为容器宽度，高度为auto，避免高度被固定为360px。比如，x:y的宽高比，指的是宽度x单位，高度y单位。
2024-04-16 08:58:24
1087
原创 符合SEO的前端规范
11.<a>要包含title属性， href不能为空javascript:void(0)12.字体大小 最小12px13.背景色和前景色对比度要高（注意文字的颜色）https://color.adobe.com/zh/create/color-contrast-analyzer （在线对比度检查器）
2024-04-15 11:19:37
197
1
原创 前端SEO优化-网站性能检测工具
Coverage 是chrome开发者工具的一个功能，是可以用来检测代码在网站运行时有哪些js和css是已经在运行，而哪些js和css是还没有用到的。，由三部分组成，并具有以下权重：装载性能（55％）、互动性（40％）和视觉稳定性（5％）。上图Performace（性能）95%，Structure（结构）93%，那么GTmetrix Grade是94.4%，大于90%，属于优秀级别，故显示等级A。总阻止时间（TBT）是Google 2020年引入的指标，衡量用户与网页进行交互时被阻止的总时间。
2024-04-15 11:09:27
1381
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人