var d = document.getElementsByTagName('body')
console.log(d[0].innerText)
Каким образом на медленном инете происходит ускорение?
О мап файлах- это быстрое и самое тяжёлое, что попалось под руку большого размера (лень было делать разные css большое размера). Дело не в мапах или бустрапе, суть в том - что при КАЖДОМ ЗАПРОСЕ LINK клиент ТРАТИТ СВОЁ ВРЕМЯ до ПОЛУЧЕНИЯ (Установления в т.ч. через dns соединения, рукопожатий и т.д.) 1 байта информации... это ПРОИСХОДИТ В сотни раз медленнее (если не в тысячи), чем тратит сервер чтобы встроить файл и отдать (сжатый по gzip, deflate). РАЗМЕР при передачи одной целиковой страницы меньше, чем через Link (читаем выше - они не всегда проходят через gzip/deflate + ping соединения отнимает кучу времени) - что ещё раз подтверждается тестами.
<html>
<head>
<link rel="stylesheet" type="text/css" href="bootstrap.css.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css2.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css3.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css4.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css5.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css6.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css7.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css8.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css9.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css10.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css11.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css12.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css13.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css14.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css15.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css16.map">
<link rel="stylesheet" type="text/css" href="bootstrap.css17.map">
</head>
<body>
</body>
</html>
<?php
echo "<html>
<head>";
echo '<style>';
require "bootstrap.css.map";
echo '</style>';
echo '<style>';
require "bootstrap.css2.map";
echo '</style>';
echo '<style>';
require "bootstrap.css3.map";
echo '</style>';
echo '<style>';
require "bootstrap.css4.map";
echo '</style>';
echo '<style>';
require "bootstrap.css5.map";
echo '</style>';
echo '<style>';
require "bootstrap.css6.map";
echo '</style>';
echo '<style>';
require "bootstrap.css7.map";
echo '</style>';
echo '<style>';
require "bootstrap.css8.map";
echo '</style>';
echo '<style>';
require "bootstrap.css9.map";
echo '</style>';
echo '<style>';
require "bootstrap.css10.map";
echo '</style>';
echo '<style>';
require "bootstrap.css11.map";
echo '</style>';
echo '<style>';
require "bootstrap.css12.map";
echo '</style>';
echo '<style>';
require "bootstrap.css13.map";
echo '</style>';
echo '<style>';
require "bootstrap.css14.map";
echo '</style>';
echo '<style>';
require "bootstrap.css15.map";
echo '</style>';
echo '<style>';
require "bootstrap.css16.map";
echo '</style>';
echo '<style>';
require "bootstrap.css17.map";
echo '</style>';
echo '</head>
<body>
</body>
</html>';
?>
<link rel="stylesheet" href="css.css">
- вы заставляете клиента самим делать запрос и получать содержимое. (повторяю, что делать запрос и получить содержимое- потерять время (особенно при медленном интернете) бОльше, чем он дозагрузит целиком страницу.Как скрыть загрузку css?
Здравствуйте.
Посоветуйте пожалуйста, как скрыть от PageSpeed, загрузку CSS файлов, и сделать ее реально асинхронной или же отложить.
Или же просто, как асинхронно загрузить Bootstrap css ?
Спасибо.
у меня данный способ позволил снизить стоимость (затраты) привлечения трафика на сайты (через гугл) более, чем на 10%.