Как избавиться от дерганой загрузки в yii2?

Question

zeaovede @zeaovede

Yii

Как избавиться от дерганой загрузки в yii2?

Из файла home_two.php грузятся инлайновые стили, после чего загружаются уже стили из отдельного файла. Как избавиться от дерганой загрузки в yii2? Сейчас загрузка выглядит следующим образом: html + инлайновые стили из home_two.php + эти же стили из отдельного файла main.css. Как сделать одну загрузку, т.е. html+отдельный файл со стилями и убрать обращение к инлайновым стилям? Потому как я пробовал закомментировать их/удалить, но тогда идет голая загрузка html+попытка обратиться к инлайновым стилям + загрузка отдельного файла со стилями. Кто имел опыт взаимодействия с подобной проблемой маякните в каком направлении двигаться

Вопрос задан более трёх лет назад
135 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

Решения вопроса 1

10 комментариев

zeaovede @zeaovede Автор вопроса

Вот эти стили

Написано более трёх лет назад
vitaly_74 @vitaly_74

zeaovede, ну так перенесите их в отдельный css и и подключайте этот css в assets и затем уже в шаблоне приложения.

Написано более трёх лет назад
MikUrrey @MikUrrey

zeaovede, вот и убирайте их нафиг) Assets - это легкий и правильный путь добавления стилей.

Написано более трёх лет назад
zeaovede @zeaovede Автор вопроса

vitaly_74, дело в том, что отдельный файл уже есть и он подключен. Но загрузка страницы все равно кривая. Первичная загрузка выглядит как на скриншоте

Почему так происходит?

Написано более трёх лет назад
zeaovede @zeaovede Автор вопроса

MikUrrey, убрал. Результат первичной загрузки на скриншоте выше. Почему css из отдельного файла загружаются с такой задержкой или почему загрузка html происходит отдельно от css? Т.е. css подтягивается, но позже

Написано более трёх лет назад
vitaly_74 @vitaly_74

zeaovede, а покажите как вы добавляете подгрузку стилей?

Написано более трёх лет назад

zeaovede @zeaovede Автор вопроса

vitaly_74, я с yii ни але. подключение assets в css, я так понимаю, это фишка фреймворка. Инлайновые стили обрезал, не вмещаются все. Да и не нужны они

<?php

/* @var $this \yii\web\View */
/* @var $content string */

use yii\helpers\Html;
//use app\assets\AppAsset;
//AppAsset::register($this);

require $_SERVER['DOCUMENT_ROOT'].'/PromocodeTempVariant/action.php';
$ar = (new promocode_temp('infoMain'))->prepare();

?>
<?php $this->beginPage() ?>
    <!DOCTYPE html>
    <html lang="<?= Yii::$app->language ?>"><?php /*<html lang="<?= Yii::$app->language ?>" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#">*/?>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="https://eloplay.ru/favicon.ico" type="image/png">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Pattaya&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
        <meta property="og:url"           content="<?=Yii::$app->request->absoluteUrl?>" />
        <meta property="og:type"          content="website" />
        <meta property="og:title"         content="<?= Html::encode($this->title) ?>" />
        <meta property="og:description"   content="The highest Quality and Security elo boosting by trusted master-level players. Low prices, Instant start, 24/7 Live support and a lot of customizable options." />
        <meta property="og:image"         content="https://eloplay.ru/logo-face2.png" />
        <meta property="og:image:secure_url" content="https://eloplay.ru/logo-face2.png" />
        <meta property="og:image:width" content="397" />
        <meta property="og:image:height" content="397" />

        <? Html::csrfMetaTags() ?>
        <title><?= Html::encode($this->title) ?></title>
        <?php 
        <style>
html{font-family:sans-serif;}body{margin:0px;}h1.homepage {padding-bottom: 60px;padding-top:50px;}.h1.homepage {text-transform: uppercase;}
        </style>
        <?php if (!YII_ENV_DEV) { ?>
            <script>
                <?php /*
                (function(h,e,a,t,m,p) {
                    m=e.createElement(a);m.async=!0;m.src=t;
                    p=e.getElementsByTagName(a)[0];p.parentNode.insertBefore(m,p);
                })(window,document,'script','https://u.heatmap.it/log.js');
                */ ?>
            </script>


        <?php } ?>
        <?php
            //$this->head();
            echo implode('', $this->metaTags);
        ?>
        <script>
            var base_url = '<?=Yii::$app->homeUrl?>';
        </script>
    </head>

Написано более трёх лет назад

Дмитрий @slo_nik Куратор тега Yii

zeaovede, почему Вы не прочли в документации как подключать стили, js и т.п.?
Зачем закомментировали //AppAsset::register($this);?
Зачем закомментировали //$this->head();?

Инлайновые стили обрезал, не вмещаются все. Да и не нужны они

Так зачем Вы их опять в код тулите?

Написано более трёх лет назад

vitaly_74 @vitaly_74

zeaovede, смотрите чтобы у вас все заработало в шаблоне у вас должно быть обязательно:

<?php 
AppAsset::register($this);
$this->beginPage();
?>
<head>
<?php $this->head();?>
</head>
<body>
<?php
$this->beginBody();
echo $content;
$this->endBody();
?>
</body>
</html>
<?php $this->endPage();?>

файл AppAsset должен быт ьпримерно такой:

<?php

namespace frontend\assets;

use yii\web\AssetBundle;

/**
 * Main frontend application asset bundle.
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

Написано более трёх лет назад

zeaovede @zeaovede Автор вопроса

Спасибо всем! Всего-то нужно было раскомментировать пару строчек. Кстати, что это за шаманство со стилями было?

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

2 комментария

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

Yii

+1 ещё

Простой
Почему не могу проверять заголовки в тестах yii2?
- 1 подписчик
- 26 нояб.
- 19 просмотров
0

ответов
PHP

+1 ещё

Средний
Yii2-dynamic-form при добавлении строки слетает кодировка. Как решить?
- 1 подписчик
- 23 нояб.
- 52 просмотра
2

ответа
Yii

Простой
Как внутри yii2 сделать запрос на centrifugo?
- 1 подписчик
- 23 нояб.
- 30 просмотров
1

ответ
PHP

+2 ещё

Средний
Как отладить обновление строки, залоченой SELECT FOR UPDATE в MySQL8?
- 6 подписчиков
- 10 нояб.
- 542 просмотра
0

ответов
Yii

Простой
Как в rules в Yii2 задать уникальность сочетания 2 полей?
- 1 подписчик
- 21 окт.
- 60 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как добавить новый функционал в редактор prosemirror?
- 1 подписчик
- 18 окт.
- 78 просмотров
0

ответов
Yii

Простой
Как сделать запрос к БД по средствам Yii2 на php?
- 1 подписчик
- 17 окт.
- 88 просмотров
1

ответ
Yii

+2 ещё

Простой
Почему отображается ошибка «Invalid recaptcha verify response»?
- 1 подписчик
- 15 окт.
- 105 просмотров
1

ответ
Yii

+1 ещё

Простой
Нужно ли самому контролировать, выполнилась ли задача в очереди?
- 2 подписчика
- 09 окт.
- 113 просмотров
1

ответ
Yii

+1 ещё

Средний
Как сделать поиск для сайта на yii2?
- 1 подписчик
- 08 окт.
- 73 просмотра
1

ответ
Показать ещё Загружается…

Fullstack разработчик PHP (удаленно)

MYFORCE

от 40 000 ₽

Ведущий системный аналитик

Сбер • Москва

от 240 000 ₽

DevOps Engineer/System Administrator

Freuders

от 4 000 $

Аппликация для фильтра заказов

22 дек. 2024, в 20:40

10000 руб./за проект

Расширение для Google Chrome

22 дек. 2024, в 20:34

3000 руб./за проект

Парсер-бот

22 дек. 2024, в 20:12

10000 руб./за проект

в каком направлении двигаться

Добрый вечер.
Это гадание на кофейной гуще.
Вы, вроде бы, уже задавали похожий вопрос и я Вам написал, что предоставляемой информации крайне мало.
Так что начните с изучения документации.
Удалите всё из web/assets, почистите кэш приложения.

Answer 1 · 2021-06-29 18:08:27

vitaly_74 @vitaly_74

Возможно вам стоит использовать Assets? https://yiiframework.com.ua/ru/doc/guide/2/structu...

Ответ написан более трёх лет назад

10 комментариев

Answer 2 · 2021-06-29 18:09:15

Попытка обратиться к инлайновым стилям - это что за зверь вообще такой?) Если инлайновых стилей нет, то и попыток никаких там нет, либо это какая-то путаница в терминологии.
Я бы сделал инлайновый стиль, минимально необходимый чтобы вывести поверх загружающейся страницы какой-нибудь анимированный лоадер (который разместил бы первым же тегом после ) и убирающий скролл страницы. А в конце файла CSS добавил бы правила, скрывающие лоадер и возвращающие скроллбар. Этакая "шторка", которая скроет "сарай", и поднимется, когда появится "дворец"

<head>
<!--  ...  -->
<style>
.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(здесь красивый сплэш);
  opacity: 1;
  will-change: opacity;
  transition: opacity 1s;
}
html, body {
  overflow: hidden;
}
</style>
<link type="style/css" rel="style.css" />
</head>
<body>
<div class="loader"></div>
<!--  ...  -->
</body>

style.css:

/*
...
...
...
*/
.loader {
  opacity: 0;
}
html, body {
  overflow: auto;
}

Как избавиться от дерганой загрузки в yii2?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт