Я сделал мобильную версию своего сайта. Однако при загрузке страницы сайт сначала отображается без применения CSS, а через секунду (самое большее) он применяет CSS и корректно отображает его. Такое поведение одинаково для всех браузеров (включая мобильные).
Есть ли у вас какие-либо идеи, как заставить браузеры сначала загружать CSS (который действительно очень мал по размеру), а , а затем отображать содержимое? Я видел кое-что о включении CSS-файлов вне head
, но, насколько я знаю, это противоречит спецификациям, и я боюсь, что такой взлом может затормозить вещи в некоторых мобильных браузерах.
Спасибо!
Обновление
Вот источник
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Albite BOOKS mobile</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/>
<meta name="description" content="Free e-books for Java Mobile phones."/>
<meta name="keywords" content="free ebooks, free books, book reader, albite reader, albite books, java mobile"/>
<meta name="language" content="en_GB"/>
<meta name="classification" content="public"/>
<link rel="shortcut icon" href="favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="/stylesheets/mobile.css?1289644607" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- .... -->
</body>
</html>