我在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)时,它会加载这个。加载外部资源后,浏览器将继续解析标记。