Это видео недоступно.
Сожалеем об этом.
Плагин Autoptimize. Правильная настройка плагина и оптимизации скриптов и стилей
HTML-код
- Опубликовано: 28 авг 2017
- Правильная оптимизация стилей и скриптов Autoptimize. Ну и заодно рассказал как выделить критические css
Сервисы для критических стилей
snapbuilder.co...
www.sitelocity...
☆☆☆ Спонсорство ☆☆☆
Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам. Подробнее:
/ @wpruse
★★★ Хостинги ★★★
⇒ Fozzy wpruse.ru/r/fo... купон WPRUSE на скидку 10%
⇒ Beget wpruse.ru/r/be...
⇒ Timeweb wpruse.ru/r/ti...
⇒ SprintHost wpruse.ru/r/sp...
⇒ Евробайт wpruse.ru/r/eu...
★★★ Темы ★★★
⇒ Wescle wpruse.ru/r/we... со скидкой 15% по купону WPRUSE
⇒ Reboot wpruse.ru/r/re... со скидкой 15%
⇒ Root wpruse.ru/r/te... со скидкой 15%
⇒ Bono wpruse.ru/r/bono/ со скидкой 15%
⇒ Kadence Premium wpruse.ru/r/ka...
⇒ Divi wpruse.ru/r/divi/
⇒ GridLove wpruse.ru/r/gr...
⇒ RelinPro wpruse.ru/r/re...
⇒ SimplePuzzle wpruse.ru/r/si...
⇒ Nitro wpruse.ru/r/ni...
★★★ Плагины ★★★
⇒ Elementor Pro wpruse.ru/r/e-...
⇒ WooCommerce - 1C - Обмен данными wpruse.ru/r/wo...
⇒ Clearfy Pro wpruse.ru/r/cl... со скидкой 15%
⇒ Expert Review wpruse.ru/r/ex... со скидкой 15%
⇒ JetWooBuilder wpruse.ru/r/je...
⇒ JetEngine wpruse.ru/r/je...
⇒ Piotnet Addons For Elementor wpruse.ru/r/pafe/
⇒ Ultimate Addons For Elementor wpruse.ru/r/ul...
★★★ Магазины ★★★
⇒ WPShop wpruse.ru/r/wp... со скидкой 15%
⇒ CrocoBlock wpruse.ru/r/cr... купон WPRUSE на скидку 10%
⇒ ElegantThemes bit.ly/ArtElega...
⇒ TemplateMonster bit.ly/TM_wpruse
⇒ WPPuzzle wpruse.ru/r/wp...
⇒ ThemeForest wpruse.ru/r/th...
★★★ Сервисы ★★★
⇒ CDN сеть Web Support Revolution wpruse.ru/r/wsr/
⇒ Переводчик сайтов ConveyThis wpruse.ru/r/co...
⇒ Интеграции на сайте GetSiteControl wpruse.ru/r/ge...
☆☆☆ Полезные плейлисты ☆☆☆
Подготовка сайта под поисковое продвижение "Сеоподготовка"
• SEOподготовка
Натяжка на WordPress #html2wp
• HTML2WP
Натяжка на WooCommerce #html2woo
• HTML2WC
Правильное изменение WooCommerce
• Как изменять WooCommerce
Обзоры премиум тем
• Обзоры премиум тем
☆☆☆ Финты WordPress в соцсетях ☆☆☆
В телеграм t.me/WPRUSeRu
В контактике wpruse
В фейсбукике / wpruse
☆☆☆ Поддержать канал ☆☆☆
wpruse.ru/r/do...
wpruse.ru/r/do...
☆☆☆ Контакты ☆☆☆
wpruse.ru/cont...
Артем, благодаря тебе я построил и продолжаю оптимизировать свой интернет-магазин, хотя пару месяцев назад вообще ничего не знал о WP, Гран мерси, просто кладезь знаний !
Рад, что все получилось!
Спасибо за видео. Стоит добавить, что с критическими стилями то, что показано в видео справедливо только для одностраничника. А для многостраничника для каждой однотипной страницы надо создавать свой критический css. То есть для рубрики постов будет свой, для отдельной записи - свой. И если пихать его в одно поле, которое предоставляет плагин, то хорошего ждать не стоит :-) Кусок кода будет большим и гугл следит за этим. Потом может выдать (дословно не помню) - слишком много кода в шапке.
Все так, очень многое от структуры сайта зависит, но к критическим стилям в основном относятся те что отвечают за базовую загрузку: шрифты, шапка, обертка, боди и тд и для многих сайтов этого будет достаточно. Но во многом ты прав, пейджспид бывает ругается когда идет сильное расхождение по структуре
Вот например внутренние страницы сайта из видео
Магазин snap.ashampoo.com/OaBS6Xtv
Просто страница snap.ashampoo.com/kpQ9wr01
Рубрика snap.ashampoo.com/rtShBKGh
Так как быть если страниц несколько? пихать все критические стили в одно окошко? Но гугля ругаеться)
Неплохо! Спасибо работает реал
Сделайте пожалуйста обзор свежей версии.
Хорошо, постараюсь сделать
Артем, огромнейшее тебе спасибо, я все это руками делал
Пожалуйста
Спасибо автору!Все разъяснил по полочкам! Только сервисы критических стилей 1-не работает, 2-й заваливает сайт. Есть еще сервисы, в сети не нашел
Спасибо. Просто выручил. А то уже просто голову поломал.
Пожалуйста
СПАСИБО ТЕБЕ ОГРОМНОЕ. ПРЯМ ЖИЗНЬ СПАС.
Пожалуйста
Артём, спасибо за твои видео! У меня вопрос: если через определенное время я решу изменить шрифты или ещё что-нибудь на сайте, эту процедуру с определением критических стилей надо будет заново проводить?
Да, придется по новой делать
Хотелось бы увидеть обзор свежей версии плагина. Спасибо
Там вроде ничего не именилось
Удалил рубрики, а они индексируются. Яндекс веб мастер выдает ошибку нет описания, не пойму как это исправить. Как их найти и удалить или закрыть от поиска
@@LuxuryGirl_BigWin Можно добавить описание через редактирование рубрики или закрыть рубрики от индексации через любой сео-плагин
Спасибо за видео Артём. Недавно открыл для себя плагин Fast Velocity Minify, показался мне эффективнее чем Autoptimize. Дает возможность инлайнить google fonts и другие плюшки. Попробуй как будет время
О как! Ок, гляну и этот плагин
Спасибо тебе ЧЕЛОВЕК!
Пожалуйста
Почему-то после всех этих настроек стили стали подгружаться с задержкой в полсекунды. При этом стоит WP Super Cache
Скажите, а при апдейте темы все действия плагина по оптимизации нужно сделать снова? Или если я использую дочернюю тему и провожу оптимизацию на ней, то после обновления материнской темы, в дочерней теме параметры оптимизации не обнулятся?
Спасибо
Хороший вопрос! Смотря в чем апдейт будет. Но не думаю, что стили в теме сильно изменятся. Но проконтролировать стоит.
Дочерка и нужна для того, чтобы ничего не слетало при обновлении родительской темы
Спасибо за видео. Скажите, Артем, а стоит ли использовать данный плагин с монстроид 2?
Стоит, только на монстроиде не проверял, не скажу как это будет работать
Вот это канал! Спасибо! Вопрос: кнопка успешно стала, но в мобильной версии с меню склеивается (которое в квадрат свернуто, мобильное) и куда не двигай все время вместе(( Подскажите, пожалуйста, в чем может быть причина?
если в настройках, чтобы кнопка меняла месторасположение, подстраиваясь под размер экрана?Спасибо, Марина
Пожалуйста! Ну скорее всего стили у вас сжались не правильно, пробуйте отключить плагин и проверить
Артём, скажите, нужно где-то указать (нажать галочку?), чтобы кэш очищался? У меня на хостинге (бегет) за несколько часов забивается несколько гигабайт свободного пространства.
Кеш не очищается автоматически. Ну и очень многое от хостинга зависит. Вот тут почитайте, и может быть имеет смысл использовать другой аналогичный плагин
Доброго времени суток. Ответьте пожалуйста, в серии уроков "html2wp" вы делали кастомные типы записей ручками, и также ручками настраивали метабоксы и произвольные поля с Option Tree. Нашел ваше видео 2015 года, где вы все настраиваете с помощью плагина. Вопрос: есть ли какая-то разница в настройке?(скорость работы, и тд) Или это чисто из-за удобности и привычки
Доброго! Для начинающих проще плагином все делать. А я уже привык делать кодом, мне так быстрее. Но есть масса плагинов для создания кастомных записей и с ними реально проще
А если кэш включен и в плагине и в CDN - это никак не влияет на скорость загрузки? Или может происходить какой-то конфликт?
Могут быть и конфликты, если работает цдн, то смысла использовать кеш нет особого
спасибо за ответ. еще вопрос, как экспортировать optiontree чтобы остались данные с метабоксов и theme-options? делал также как у вас в видосах, не через билдер а ручками
Эти данные в базу пишутся, получается, что надо саму базу импортировать
Здравствуйте Артем.
А какая тема используется для этого сайта?
И еще мобильное меню у меня не отображается. Точнее оно есть но кажется что слой с меню на заднем плане относительно контента. Проверьте =)
И благодарю за видео!
Доброго! Тема вот эта mythemeshop.com/themes/sensational/
А косяки поправил, спасибо
Здравствуйте.Скажите,а рационально ли использовать этот плагин с WP Super Cash.Они взаимодополняют др друга,или же один из них может нести в себе все функции другого ?
Доброго! Да, вполне возможно. Это разные плагины и их можно использовать в связке
Спасибо,за ответ.Не подскажите еще,видел в ваших видео,как у вас в верхней панели wp умещаются все слова.А у меня при установке super cash добавилась не нужная фраза "удалить весь кэш", автооптимайзом чищу.После установки Query Monitor,он мой ник выкинул на вторую строку,из-за нехватки места и считал это ошибкой. Можно как-нибудь удалять или редактировать слова в этой панели ?
Верхняя панель никак не настраивается, только выключением плагинов или в настройках того или иного плагина
Спасибо,за информацию.
С того момента,как обновил wp на 4.9.1 стали периодически не подгружаться стили в админке и нет возможности ей пользоваться.
JQMIGRATE: Migrate is installed, version 1.4.1 load-scripts.php:9
Failed to load resource: load-styles.php
Перепробовал несколько кодов для functions.Когда еще работала админка поставил плагин JQ Updater и ничего не помогает...
Буду вам очень благодарен,кодом,ссылкой или хотя бы мыслью,в каком направлении думать.
Если у вас этот плагин работает, то скорее всего - просто конфликт, пробуйте отключить плагин и проверить
Привет, спасибо за твои видео! Такая проблема, при включении
Optimize JavaScript Code, в форуме в поле ввода сообщения, к примеру при создании новой темы или при ответе на чье то сообщение, шрифт становится прозрачным. Не сталкивался с этим?
Привет! Не сталкивался, видимо стили чем-то перебиваются
спасибо, лайк, лайк, лайк
Пожалуйста)
все получилось, только вот с критическими стилями у меня глюк получается, в PageSpeed прибавил +4 мобильники и +3 компы
А в чем глюк?
Включил сразу все три основные настройки плагина (тема севентин ) и проверил на PageSpeed :
было 72 % стало 92 % !! !
На проверке в GTmetrix : не всё так ярко ,улучшилось на 5 % .
Сайт начал обращаться к обнуленному css файлу в папке cache/autoptimize/css. Т.е. агрегированный css файл почему-то обнулился в этой папке и слетели все стили
Спасибо за видео но у меня где то 5 - 6 стилей осталось и никак не могу убрать! Не подскажешь почему?
Здравствуйте, Артём! Я воспользовалась ссылкой sitelocity.com и у меня не высветилось ни одного критического стиля. Может, я что-то делаю не так? Вводила адрес сайта, начав с http, https, а также без них. Всё равно ничего не показывается. Что можно сделать в этом случае?
Надо сначала полностью все стили сжать, чтобы они в одном файле были, а потом только проверять
мышкой вводит как электронник. спокойней. чуть помедленней кони, мы записываем. без суеты
Вопрос: при помощи сервиса мы нашли критические стили, скопировали, добавили. Получается, что они теперь у нас дублируются? Ведь эти стили на сайте у нас уже есть, а плагин их еще в самый верх засовывает.
Почему дублируются? Критические выделили и сказали плагину, что эти стили грузить вверху, а остальные общим файлом. Никакого дублирования
Тиньков теперь обучает по настройкам wp?)
Именно так...
Помогите кто-нибудь заменить в breadcrumbs ссылку "Home" на "Главная". Столько всего перепробовал, ничего не помогает. Если есть такая возможность, то дайте свой контакт и я вам напишу.
Здравствуйте,скажите,а есть ли какая-нибудь хорошая альтернатива этому плагину,если,как понял вы его сами не используете и другим не рекомендуете.
Установил данный плагин,после чего на сайте появилось 9 ошибок.
Доброго! Есть, но все примерно будет с таким же не предсказуемым результатом
Послушал тебя стили вставил стал сайт на половину урезанный для версии телефона вот как слушать теперь замороки востанавливать
а вы можете рассказать про push-уведомления..сейчас на всех сайтах встречается, но я не знаю что это и как =(
Регаетесь в Сендпульсе (Sendpulse - сервис для рассылок) там берете скрипт, подрубаете на сайте и вот у вас есть пуши. А пуш - это уведомления пользователя через браузер
Спасибо, сайт летает теперь
ААааа! после установки кнопки кнопки случилось следующее - как я писала ниже - она прилипла меню к мобильной версии, а теперь любое нажатие чего либо на сайте - вызывает эту форму..
(((((((((
Ну явно стили съехали и ваша кнопка перекрывает все, что можно
Добрый день! Очень хорошее видео настройка смог поднять свой сайт. Но через некоторое время у меня хостинг написал что закончилось место \www\wp-content\cache\autoptimize - сожрал 500 мб как избавится от этой проблемы?
Добрый! ТАк работает плагин. Вот тут почитайте wp-kama.ru/id_5012/szhatie-stiley-skriptov-i-html-s-pomoschyu-autoptimize.html надо или отказаться от плагина или папку соответсвующую очистить
помогите, пейджспид ругается - Оптимизируйте загрузку видимого контента
а причина smart slaides , отключаю его и всё норм
как быть ? стоит и Autoptimize и Clearfy всё кручу кручу 2 недели и не могу исправить
Видимо сей слайдер кучу хтмл кода генерит, ничего не сделать. Или другой слайдер использовать, или отказаться от слайдера, или оставить как есть
такой вопрос, у слайдера свои настройки оптимизации, их нужно отключать если Autoptimize стоит или на оборот включать
вообще не сталкивались с тем, что у плагинов бывает свои настройки оптимизации и они конфликтуют с оптимизирующими плагинами?
Очень часто такое добавляют и как правило все это начинает конфликтовать. Все только экспериментально можно проверить
Сделал всё по видео, вообще не работает, сразу весь сайт кривой. При чем сразу всё криво после того как поставил галочку Optimize CSS Code?
Бывает, значит надо использовать другой плагин. Или не заморачиваться и оставить как есть
Артем привет.
У нас разные плагины или видео записано до обновления плагина?
P.s. ставил плагин недели три назад, а панель настройки отличается от твоей : /
скриншот: gyazo.com/ec33c6be98a29d72ab5b7c0e920ca83f?token=2b1af6756455111f3a903c4323a5272d
Там вверху страницы есть кнопка, которая активирует расширенные настройки, которые и были показаны в ролике.
Привет! На этой странице есть кнопка Расширенные опции вверху-справа, нажми на нее и все появиться
Теперь увидел, не обратил внимание.
Спасибо.
На заметку: В плагине появилась полезная функция "ленивой загрузки изображений" (Lazy Load Optimizer) ... так что кому нужна такая функция можно не ставить отдельный плагин (ленивой загрузки изображений)
М-м-м, а разве это не привязывается к Шортпикселю? Или я что-то путаю?
@@wpruse Я не знаю к чему он привязывается ! Прост недавно обнаружил такую функцию в этом плагине... Вот и поделился этой информацией! При включение этой функции "ленивой загрузки изображений" вообще все картинки и видосы попадают в отложенную загрузку (даже шапка сайта)
@@prigotovim-edu О как! Спасибо за инфу, проверю
Привет, у меня пропала кнопка в консоли добавить товар, что мне делать? Спасибо
Ну и кнопка товары соответственно. подскажи пожалуйста, я уже голову сломал. Не понимаю из за чего она пропала.
В смысе пропала? В данном случае чудес не бывает. Отклбючай все плагины и проверяй после чего появится
Не работает кнопка расширенные настройки. Жму и 0 реакции. Только кнопка желтеет.
Значит где-то конфликт. По отключайте плагины другие
css, js все ок. применяю html сжатие - исходный код - пустая страница. Было у кого подобное?
Конфликт видимо где-то
Лучше W3 Total Cache пока ничего нет.
Привет Артём! Я опять не по теме.
Посмотри это www.vinecafe.net/watch/stream-a4z4L78PtpS1I и это urini.net/watch/stream-a4z4L78PtpS1I чё это за хрень вообще?!
Это я нашла сегодня у себя в Яндекс вебмастере (ссылки на мой сайт). В принципе, это два сайта дубля. Там твоя статья про мультиязычность, я её комментировала и в комментарии оставляла адрес своего сайта, наверно и "попалась"....
В моём Вебмастере и в Гугл Консоль мне часто попадаются сайты с порнухой, которые ссылаются на мой сайт. Я давно хотела спросить: как сделать так, чтобы запретить это (ссылки) подобным сайтам (выборочно ставить запрет). А тут и твой сайт "попал", так что, как говорится: вопрос "в тему"... Лично мне подобная "реклама" неприятна.
Привет! Ну вообще это не ссылки на сайт, а спарсенные видео с описание с ютуба. А блокировать можно по IP или по адресу сайта, там где-то а настройках вебмастеров была такая функция, но точно не подскажу
у меня после этих действий осталось Оптимизируйте работу CSS на следующих ресурсах:
fonts.googleapis.com/css?family=Open+Sans:400,700,600
fonts.googleapis.com/…yrillic,greek,latin,greek-ext,vietnames
Это шрифты гугл фонта, если не нужны, то можно отключить
Артем, а как лучше подключать гугл фонтс: через файл функций или загрузить их к себе и через font-face в css?
Не факт что с собственного сервака шрифты будут загружаться быстрее. С гугла иногда быстрее все происходит. С другой стороны, если шрифты грузятся с собственного сервака то их можно кешировать. По обстоятельствам надо смотреть. Если используются хитрые шрифты то с сервака лучше, если какие-то популярные, то проще с гугла грузить
Более менее для скриптов такая реплика не канает. Это про цвет кнопочек так можно сказать. Потом горе девелоперы криворукие, домохозяйки насмотрятся
Оценка моего сайта на мобильных 6 (((((( пипец!
Значит надо что-то делать)
@@wpruse Все решила, сейчас показатели 27, просто уменьшила размеры изображений на сайте, а на компьютере показатели стали 75 ). Еще проблема осталась - это горизонтальная прокрутка на мобильной версии, у меня шаблон сайта работает с Elementor, пока решений не нашла и в коде плохо разбираюсь