在HTML加载后加载CSS


CSS loading after HTML loads

我在http://www.anhatweb.tk/web/auth/create有一个表单来创建一个新用户
但每当我加载页面加载器,但我们可以看到,如果我删除加载器HTML加载第一,然后CSS加载....有没有办法让我先加载CSS再加载HTML?
我的代码:

<html lang="en">
    <head>
        <!-- Basic Page Needs-->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>ABC</title>
        <!-- Mobile Specific Metas-->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- CSS-->
        <link href="<?php echo base_url(); ?>assets/css/style.css" rel="stylesheet">
    </head>
<body>

HTML必须先下载,然后css才能开始下载,因为css文件的位置存储在HTML head标签中。因为这个依赖关系的方向,你不能真正地逆转它。

正如@Daniel所说,最好的选择可能是"隐藏"HTML,直到CSS完成加载。很多网站这样做是为了避免你正在经历的非css的闪烁,这是很正常的(而且很讨厌处理)。

我会给隐藏元素,直到onLoadCompleted被调用。如果你在那之后仍然看到flash,我将在onLoadCompleted上手动加载样式表(它应该在运行时执行,而不是async),然后显示元素

不,浏览器获取HTML,解析标记,当涉及到外部资源(css或javascript)时,它会加载这个。加载外部资源后,浏览器将继续解析标记。