[PWA] Optimize Assets Delivery using preload and prefetch
2024-10-01 01:00:41
By default, browsers load the assets in a render-blocking way. Modern browsers introduced prefetch
and preload
which let us specify the priority for a resource without blocking the first render..
This lesson shows you how to use preload
and prefetch
on an external css.
<link rel="prefetch"
as="style"
onload="this.rel = 'stylesheet'"
href='https://fonts.googleapis.com/css?family=Roboto:400,500|Material+Icons'>
Resource: https://css-tricks.com/prefetching-preloading-prebrowsing/
最新文章
- 网络抓包wireshark
- less简单用法
- [LeetCode][Java]Triangle@LeetCode
- 【转】js判断手机访问网页
- 微信公共平台开发-(.net实现)1--成为开发者
- JSP中文乱码问题解决方法小结
- C# 文本框 TextChanged 延时触发
- Sqlitekit 封装管理
- leetcode@ [72/115] Edit Distance &; Distinct Subsequences (Dynamic Programming)
- 渲染统计窗口(Rendering Statistics Window)
- Sum Problem-hdu-1001
- 跨域(cross-domain)访问 cookie (读取和设置)
- 笔记:Spark简介
- git fsck -- 一致性检查
- mongo 写分析
- ajax如何实现、readyState五中状态的含义
- Innosetup 设置文件的相对路径
- jmeter学习记录--03--jmeter负载与监听
- 搭建开发环境3) Debian8 安装Netbeans
- 问题:页面输出正常,php写入sqlserver乱码/空白。