提升CSS在网页页面中的载入方法

日期:2021-03-17 类型:科技新闻 

关键词:小游戏源代码,互动小游戏微信,自制小游戏,html5游戏,制作游戏大概多少钱


1、应当将 CSS 置放于构造的上方(1般置放于 head 元素内)。CSS 是解释型語言,Firefox 和 IE 在等候 CSS 传送进行以前不容易3D渲染任何物品。仅有将 CSS 外置,才可在访问器分析构造时,对网页页面开展3D渲染。

This causes the blank white screen problem. The page is totally blank until the stylesheet at the bottom is downloaded, on the order of 6⑴0 seconds for this page. The browser is waiting for the stylesheet to be loaded before it renders anything else in the page, even the static text.

致使的难题便是,网页页面会有1段時间“质朴”,忽然之间又“绮丽”,客户体验很不太好。
2、尽可能应用 <link rel=”stylesheet” href=”http://www.planabc/yuanxin.css” type=”text/css”> 的款式导入方法,而降低 @import 的应用,更勿应用多层嵌套循环的 @import 。由于在 IE 里, @import 非常于将 <link> 放在网页页面尾部。

This is a valid syntax, but, even though it’s in the document’s HEAD, it breaks progressive rendering and instead causes the blank white screen and Flash of Unstyled Content problems.

拓展阅读文章: 《Flash of Unstyled Content (FOUC)》
上一篇:CSS初学:怎样改动Zblog中的CSS 返回下一篇:没有了