耗时的网页有哪些特征?
1.多DIV症,有事没事总是弄一堆DIV,甭管什么都用DIV,这就造成页面在DOM树加载和渲染时耗时。
2.CSS多选择符层叠症 CSS的选择符写了一层又一层,本来可以很简便的判断为了显得具体写了好多,殊不知CSS选择符的编译顺序是从右至左,尽量把右边写得具体点。
3.脚本阻塞 为了确保加载顺序和统一加载而在head标签中用传统方式加载外部脚本,虽然脚本间的加载并不会阻塞,但是脚本的整体加载会阻塞后续内容的加载,所以动态脚本加载还是很必须的
(未完待续)
2021-07-28 07:46:12
耗时的网页有哪些特征?
1.多DIV症,有事没事总是弄一堆DIV,甭管什么都用DIV,这就造成页面在DOM树加载和渲染时耗时。
2.CSS多选择符层叠症 CSS的选择符写了一层又一层,本来可以很简便的判断为了显得具体写了好多,殊不知CSS选择符的编译顺序是从右至左,尽量把右边写得具体点。
3.脚本阻塞 为了确保加载顺序和统一加载而在head标签中用传统方式加载外部脚本,虽然脚本间的加载并不会阻塞,但是脚本的整体加载会阻塞后续内容的加载,所以动态脚本加载还是很必须的
(未完待续)