Обучите платно PageSpeed Insights vs WordPress

Автор maxikk, 17-03-2016, 11:36:35

« назад - далее »

maxikkTopic starter

Здравствуйте, научите оптимизировать сайты на WordPress под требования developers.google.com/speed/pagespeed/insights/
Готов заплатить или взаимопомощь.
Территориально Киев


типичные требования инструментария ...
- Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение
- Используйте кеш браузера
- Сократите JavaScript
- Сократите CSS и т.д. ...
Нужна инструкция? качайте на https://instruccija.ru/
  •  


Tekstilgrad-Maderas



maxikkTopic starter

Например, тот, что в подписи. Но это не так важно.
Одни и те же действия нужны для большинства сайтов на WP ...
Нужна инструкция? качайте на https://instruccija.ru/
  •  

ShadowSix

Задачу на фриланс отдайте. Вам за день всё сделают. Или вам именно самому обучиться нужно?
Спроси Chat GPT и получи ответ в течении минуты! Ответ сохранится в ЛК
  •  

Старый

Звучит всё громко не понятно и сложно. На самом деле, стандартные процедуры,
не только для WP.

Цитата: maxikk от 17-03-2016, 11:36:35- Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение

CSS не нужно трогать, пусть будет в голове. А вот часть JS можно перенести в самый низ, перед </body> и обязательно включить асинхронную загрузку.

Цитата: maxikk от 17-03-2016, 11:36:35- Используйте кеш браузера

Это включается в .htaccess или при помощи плагинов WP.

Цитата: maxikk от 17-03-2016, 11:36:35- Сократите JavaScript
- Сократите CSS и т.д.

Имеется ввиду сжатие, т.е. удаление всех комментариев, лишних пробелов и переносов, в JS ещё сокращение имён переменных. Можно сделать вручную или инструментами, например: http://refresh-sf.com

Все эти моменты много раз обсуждались. Поищите на форуме.


shevan

#5
Не всё так просто как кажется. Я посвятил ускорению десятки часов, и видел много нестандартных ситуаций. Каждый сайт уникален в плане отображения информации и подход к ним может существенно отличаться.

maxikk, page speed insigths не достаточно.
Самый профессиональный, но и сложный инструмент для измерения производительности - Инструменты разработчика в браузере.
Вот кстати ссылка для самостоятельного изучения: https://developers.google.com/web/tools/chrome-devtools/ (раздел Performance)
На русском не знаю, есть ли. Но там много информации. Я её еще не всю изучил.

Инструменты разработчика удобно использовать совместно с другими онлайн сервисами.
Самые заметные из них.

http://gtmetrix.com

http://www.webpagetest.org/

http://tools.pingdom.com/fpt/

В принципе их достаточно. У каждого есть свои фишки.

В своей теме я использую эти три сервиса + инструменты разработчика в браузере
http://www.sbup.com/seo-forum/rabota_dlya_optimizatora_i_vebmastera/kompleksnyi_analiz_i_ispravlenie_skorosti_zagruzki_saita/

Если нужно именно научить - научу, обращайся в личку. Или подскажу.

Следует также учесть, что анализ и исправление загрузки две разные вещи.

Без анализа нечего исправлять. Если фрилансер говорит, что сделает за пару часов - работа будет выполнена как "заплатка" временная. Потому что он не будет делать полный анализ.
Это как в поисковой оптимизации. Без полного анализа результаты будут любительские.

Во-вторых, исправление (а люди платят за исправление!) будет отличаться на различных сайтах. Техники будут отличаться для статического сайта, и для разных CMS. Я например, хороший спец в WordPress. Но не возьмусь на других движках, потому что в WP  я знаю как работают стили, как подключаются, как выводятся шаблоны и т.д. и т.п. А на других CMS я сделаю это не профессионально.

В третьих, есть быстрые техники исправления (самые эффективные и наименее дорогие для заказчика). Есть техники, которые требуют переписать/дописать часть кода, переделать дизайн, провести отладку скрипта и т.д. Здесь зависит от типа сайта и от желания владельца, от количества трафика, от загрузки сервера и т.п.
  •  

maxikkTopic starter

Верно говорите, shevan, частично.
Принцип действия для сайтов, в моем случае будет тот-же, разница будет в "где ковыряться больше, где меньше". Но выполнение будет однотипным для ряда сайтов.
Я не верстальщик, по этому интересует тоЧeчное обучение в живую. И посвящать верстке под ключ не готов, не собираюсь верстать сайты.

ЦитироватьЗадачу на фриланс отдайте. Вам за день всё сделают. Или вам именно самому обучиться нужно?
Можно было бы и на фриланс. но для MFA может быть затратным + каждые пару месяцев +1 сайт в работе (а как написал выше, нужно выполнять однотипно правки, все сайты на WP).

Старый.
ЦитироватьА вот часть JS можно перенести в самый низ, перед </body> и обязательно включить асинхронную загрузку.
Вот понимаю, что имеете введу. а как сделать - нет. Этому и нужно научить

ЦитироватьЭто включается в .htaccess или при помощи плагинов WP.
Стоит плагин "Гипер кеш", а толку? что-то недоделал, гугл ругается на этот пункт.

ЦитироватьИмеется ввиду сжатие, т.е. удаление всех комментариев, лишних пробелов и переносов, в JS ещё сокращение имён переменных.
Есть функционал на стороне хостинга - не меняю, дабы не наклацать лишнего.


Возвращаемся к тому, с чего началось: нуждаюсь в живом обучении. Например пол дня/день.

Спасибо всем, что отозвались)
Нужна инструкция? качайте на https://instruccija.ru/
  •  

Старый

Цитата: maxikk от 17-03-2016, 13:41:05Вот понимаю, что имеете введу. а как сделать - нет. Этому и нужно научить

В шаблоне, перенести нужные строчки из разных файлов в footer. Или в функциях темы, отключить вывод нужных и тупо вставить в header или footer.
Но здесь лучше к знатокам WP.

Что касается асинхронной загрузки.
Атрибуты defer или async. Разница в соблюдении последовательности загрузки (содержимое страницы/скрипты) и исполнения.

Цитата: maxikk от 17-03-2016, 13:41:05Есть функционал на стороне хостинга - не меняю, дабы не наклацать лишнего.

Это вы о чём? О каком функционале?

Добавлено: 17-03-2016, 15:19:49


Цитата: maxikk от 17-03-2016, 13:41:05Возвращаемся к тому, с чего началось: нуждаюсь в живом обучении.

А сейчас вас как учат и советуют?  ;D


shevan

Цитата: maxikk от 17-03-2016, 13:41:05Возвращаемся к тому, с чего началось: нуждаюсь в живом обучении. Например пол дня/день.

Какой у вас технический уровень? Я к тому, что одними плагинами не обойтись.
Лезть в файлы, разбирать исходный код страницы так или иначе придется.
  •  


maxikkTopic starter

ЦитироватьА сейчас вас как учат и советуют?  ;D
а сейчас или никак или методом тыка  ;D

ЦитироватьЛезть в файлы, разбирать исходный код страницы так или иначе придется.

слабый, одного интернета маловато



В общем, кто в Киеве, отзовитесь))
Нужна инструкция? качайте на https://instruccija.ru/
  •