Serhii
Anonymous
Ну собственно и я о том же!)
Serhii
да все в хедер инлайново пихай и норм. главное, чтоб не ругался на слишком большой html
Pavel
Serhii
ну да ))
Serhii
если разбивать лень
Serhii
об этом в самом начале верстки нужно думать просто
Oleg
меня поразила эффективность метода вот тут написано:
https://github.com/filamentgroup/loadCSS
RECOMMENDED EXAMPLE - всё было круто в Хроме, до того, как подключил джаваскрипт.
Serhii
Oleg
дело не в лени, а в баге PSL в Google Pagespeed. Изза него решение loadCSS некорректно обрабатывается этим сервисом, а loadCSS - единственно верное, что я нашёл из всех (не надо ничего разбивать на части итд.) Просто rel="preload" надо както обойти на старых браузерах
Serhii
гугл, он йобнутый ))
Oleg
Oleg
Serhii
я два делаю обычно. один для первых экранов, остальное во второй. и когда все оттестировано, запихиваю первый инлайново ужатый в хедер. а второй вместе со стилями либ подтягиваю js-ом уже
Oleg
вот не верите - попробуйте сами решение из loadCSS (вызов CSS через <link rel="preload") - и проверьте пейджспид разницу
Oleg
только в последнем хроме, файрфокс не понимает этого аттрибута
Serhii
Serhii
Serhii
https://caniuse.com/#search=rel%3D%22preload%22
Oleg
у меня FF 59.02 (ubuntu) - не сработало
Serhii
вот, например, соточка ))
Oleg
Serhii
там третий еще, вроде. не помню
Serhii
да, 4-й
Oleg
у меня обычный <link rel="stylesheet"... внутри HEAD - 86/89 даёт, а вот с таким:
'''
<link rel="preload" href="{$_modx->config.assets_url}css/main.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="{$_modx->config.assets_url}css/main.min.css">
</noscript>
'''
выдаёт 99/96, но в Файрфоксе 59,0,2 не отображает CSS
Oleg
когда вставляю скрипт из loadCSS инлайново - вообще падает до 76 или чтото такое
Oleg
нехило так, пейджспид + 10 изза одного метода подключения CSS??
Dmytro
Надо часть css просто в футер перенести
Никита
Oleg
Firefox впринципе не понимает rel="preload"
https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content
Внизу в таблице Browser Compatibility...
Все другие способы, вроде подключения в футере итд - не дают никакого прироста Пейджспид. Только preload.
Oleg
а как через Fenom вставить содержимое CSS файла между тегами <style>...</style>?
Sentinel
{var $style = [
'logo' => 'display:block;margin: auto;',
]}
{$style.logo}
Sentinel
наверное не то я тебе написал 😀
Sergey
Как скопировать кусок html вместе со всеми зависимыми css стилями???
Oleg
наверное не то я тебе написал 😀
я имел ввиду что-то типа такого (немогу найти в доках):
<style>
{fetch 'assets/css/main.min.css'}
</style>
Нужно, чтобы содержимое файла main.min.css вставилось в HTML, чтобы не делать копипаст постоянно
𝕁𝕀𝕖𝕩𝕒
Include?
Oleg
Include?
файл CSS лежит в папке /assets/css/... , a include работает для файлов с расширением .tpl и .php из папки /core/elements/... (указана как дефолтная для элементов фенома)
𝕁𝕀𝕖𝕩𝕒
Наверное глупость скажу. Снипетом?
Владимир
Как вывести в чанке значение с форматированием? Например, 3 250 руб.
Миша
number_format
Oleg
Наверное глупость скажу. Снипетом?
не глупость, а вполне разумная идея. спасибо! (я не нахожу у фенома возможности подключить содержимое файла за пределами core/elements)
Владимир
Anonymous
Владимир
Это из migx
Владимир
Там значение задаётся
Anonymous
Хорошо! Минишоп установлен????
Владимир
Да
Anonymous
Тогда проще запилить модификатор, на основании метода минишопа!))
Anonymous
Притом что данный метод реализован как на фронте (в JS) так и в беке (PHP основной класс минишопа)
Anonymous
И он учитывает параметры форматирования указанные в настройках
Anonymous
Что за мода смешивать синтаксис
Anonymous
Вань, ты о чем?
Aleksei
Aleksei
Oleg
тебе нужно распечатать css напрямую в head, без линка
да, я уже понял. но хочу без minifyx (он увеличивает потребление памяти и долго генерит страницы при первом запросе), мне надо придумать как вывести содержимое минифицированного файла CSS прямо в шаблон. Сниппетом с file_get_contents() как вариант. Я думал у Фенома есть какойто тег, но include только tpl и php файлы инклюдит
Aleksei
Никита
А просто все запихнуть в код , скопировав из css?
Vladimir
Oleg
Vladimir
спс, интересное решение!
что интересно, <style>
{php}
$section = file_get_contents('assets/tpl/css/bootstrap.min.css');
echo $section;
{/php}
</style>
и феном не рушится (в min.css все в одну строку и скобки без пробелов)
Руслан
здравствуйте, все работает, только почему-то &successMessage не в зеленом фоне- очень плохо видно.
Руслан
[[!AjaxForm?
&snippet=FormIt
&form=contact
&hooks=FormItSaveForm,email
&emailTpl=contact_mail
&emailSubject=Запрос с сайта [[++site_name]]
&emailTo=ask@ru7lan.ru
&emailFromName=[[++site_name]]
&validate=memail:required,mname:required,mmessage:required
&validationErrorMessage=Заполнены не все обязательные поля!
&successMessage=Заявка успешно отправлена
]]
Руслан
аджакс форм
Oleg
rh5bdjxz6
А подскажите плиз - если разом обновиться с MODX Revo 2.2.8 на 2.6.3, насколько чревато эпик фейлом?
Миша
100%
rh5bdjxz6
эх...
Pavel
Pavel
Sentinel
Aleksei
Aleksei
Aleksei
Oleg