Привет,
Я думал как бы уменьшить нагрузку на браузер пользователя и решил загружать css и js через PHP функцией get.
К примеру я создал уже начальную тест страницу, и реализовал эту функцию.
l95863jp.beget.tech
Там можно увидеть что подключается библиотека js кода из файла php с опцией
preload=1<script src="config/javascripts-libiray.php?preload=1" type="text/javascript"></script>
Тоесть, если мне нужен прелоад (на пример я узнал что компьютер пользователя имеет хорошее интернет соединение),
то выполняю собственно сам скрипт
preload=1 или
preload=0 (
$( \"#load\" ).remove(););
JS (js/preload.js)
window.onload = function() { // Preload page - Загрузка страницы
$( "#load" ).addClass( "transition-05s opacity-0" ); // Убираем прелоад
var timerId = setInterval(function() {
console.log(timerId);
if( $( "#load" ).css("opacity") == 0){
clearInterval(timerId);
delete timerId;
$( "#load" ).remove() //Удаляем #load
}
}, 100);
};
PHP
if(isset($_GET['preload'])){ // preload=1/0 Включить или выключить предзагрузку страниц
if($_GET['preload']==true){
echo file_get_contents('../js/preload.js'); # Включенный прелоад
}elseif($_GET['preload']==false){
echo "$( \"#load\" ).remove();"; # Выключенный прелоад
}
}
Таким образом меняя в ссылке такие значения как (?preload=0&comment=1&check_ip=1) я просто подключаю и выполняю js и css файлы (расположенные в папке js и соответственно css) снижая потребление браузера пользователя.
Это правильное решение? или есть уже более продуманные способы? Заранее спасибо
