Google Pagespeed оптимизация для сайта negotiations.com
В декабре 2017 года ко мне обратился Келем Коберн из компании "Negotiation Experts". Эта международная компания занимается тренингом персонала в области переговоров. Ее услугами пользуются такие большие компании, как British Petroleum, Shell, Mars, Hilton, Unilever, Sisco, Xerox и другие. Более детальный список тут. Офисы "Negotiation Experts" есть в Сиднее, Нью-Йорке и Лондоне.
Келем Коберн координирует разработку веб сайта negotiations.com. Для них важно иметь хороший SEO, в том числе и в Google PageSpeed Insights.
Их веб сайт - это классический WordPress сайт с купленной темой "ElegantThemes Divi". В Google PageSpeed Insights было очень много замечаний к их веб сайту. Полный список замечаний и баллы можно посмотреть на этих фото:
Мобильна версия, до оптимизации
Настольная версия, до оптимизации
В среднем 35 баллов для мобильной версии, и 45 для настольной.
Чтобы исправить все эти проблемы, я много работал на протяжении 3 недель. Но в результате сайт сейчас имеет 86 баллов в мобильной версии, и 93 балла в настольной (из 100 возможных)
После оптимизации:
Главная страница. Мобильная версия
Страница статьи. Мобильная версия
Главная страница. Настольная версия
Страница статьи. Настольная версия
Наиболее сложным в этой работе было создать First Screen CSS Cache. Это набор css стилей, отвечающих за прорисовку верха страницы, без прокрутки. В общем на сайте есть около 6500 css стилей. С помощью своего специального скрипта я выбрал и них 650 стилей и разместил их в html шапке. Это и есть First Screen CSS Cache. Все остальные стили сейчас загружаются в конце html. Таким образом решается проблема "Eliminate render-blocking CSS". Наличие First Screen CSS Cache дает возможность странице нормально выглядеть во время загрузки, пока основные файлы стилей не будут загружены в конце html.
В этот раз я не выносил jQuery в конец html, поскольку тема сайта "Divi" построена на jQuery. Результат и без того получился отличным. Его можно улучшить еще на 3 балла, если купить более быстрый сервер, и довести время ответа сервера до < 0.2 секунды.
Келем Коберн оставил хороший отклик обо мне на сайте upwork.com :
"Ihor delivered as promised. Ihor transformed our slow pagespeed to 93 in the US, and 86 here in Sydney. Ihor is highly communicative, and he worked well with my team. While it took longer, I'm very happy with the result"
"Игорь исполнил свои обещания. Он ускорил наш медленный pagespeed до 93 баллов в США, и до 86 баллов тут в Сиднее. Игорь коммуникабельный, и он хорошо сработался с моей командой. Хоть работы и длились дольше, я очень доволен результатом"
Немного спустя я перенастроил CloudFlare CDN и повысил скорость сайта до 93 баллов везде, в том числе и в Сиднее. После завершения этого проекта Келем предложил мне продолжить работать над его сайтами на постоянной основе.
