博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css,js加载阻塞页面渲染的理解
阅读量:5080 次
发布时间:2019-06-12

本文共 537 字,大约阅读时间需要 1 分钟。

页面要等所有的css加载解析完毕后才会渲染,

css 的加载会阻塞后面dom的解析,

js的加载和执行后阻塞后面dom的解析

defer 的script 的下载不会阻塞dom的解析,defer的script下载完毕后会按顺序执行,且在DOMContentLoad 触发前执行,当所有的defer下载完毕后,再按顺序执行。ie10及以下可能不会按顺序执行

async 的sciprt 的下载不会阻塞dom的解析,async的scipt下载完毕后不一定会按顺序执行,且执行时间在domContentLoad触发前后都有可能 。在合适的时间执行 ie10及支持

require js 就是使用的 async动态添加的脚本

require js 遵循 amd 即异步的模块定义,所有的模块都是异步加载的,使用前必须将所有的模块提前加载

seajs 遵循的是cmd 即通用的模块定义,模块可以预先加载,也可以异步加载,也在需要的时候同步加载。

综合上面的一些,对于页面首屏展示的优化建议是

首屏的css最好直接放在style内,然后js放在页面底部,或者使用ansy或defer

 

转载于:https://www.cnblogs.com/chillaxyw/p/9494258.html

你可能感兴趣的文章
【9111】高精度除法(高精度除高精度)
查看>>
【hihocoder 1312】搜索三·启发式搜索(普通广搜做法)
查看>>
JavaFX中ObservableValue类型
查看>>
杭电 1097 A hard puzzle
查看>>
[转载]INFORMIX锁机制及如何剖析其锁申辩(第二部门)
查看>>
Andriod-项目stymqjlb-学习笔记2-原型
查看>>
Web AppDomain
查看>>
JQuery创建规范插件
查看>>
AD 域服务简介(三)- Java 对 AD 域用户的增删改查操作
查看>>
Unity中Text渐变色,和Text间距
查看>>
ECSide使用入门
查看>>
MVC开发中的常见错误-02-在应用程序配置文件中找不到名为“OAEntities”的连接字符串。...
查看>>
产品开发经验总结-让你少奋斗一年的经验之谈
查看>>
MySQL DNS(Consul) 高可用演示
查看>>
块级元素及内联元素对margin、padding的态度
查看>>
C# SerialPortHelper类
查看>>
[NOIp 2018]all
查看>>
YUM源、磁盘基础知识 CDN概念
查看>>
Java网络编程从入门到精通(22):实现HTTP模拟器
查看>>
Silent installation/uninstallation
查看>>