- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
Pagespeed лишь рекомендует улучшения, и совсем не обязательно иметь показатели в 100 баллов, потому что он не проверяет качество картинок, отображение сайта в браузере, он лишь смотрит на размеры файлов, которые загружаются, и которые можно сжать, но не всегда без потери качества - по этому нужно выбирать золотую середину - между быстрой загрузкой и качественной страницей. Иногда и показателя в 60-70 баллов достаточно, хотя есть множество примеров, когда показатели даже ниже 50, и страница годами стоит в топе!
Я про графу "Performance grade", на которой Вы акцентировали внимание (100). Она берется с пэйджспида.
У меня в pagespeed было 100/100 а в Performance grade 92 до того как всё в соответствие не привёл
У меня цифры разные получаются.
Pingdom - 87
Да, ребятки...
(93+81)/2=87
PageSpeed Mobile - 81
PageSpeed Desktop - 93
---------- Добавлено 04.05.2017 в 12:47 ----------
У меня в pagespeed было 100/100 а в Performance grade 92 до того как всё в соответствие не привёл
Там могло выдавать закэшированный результат. Если вносить изменения и сразу проверять на разных серверах на пингдоме, то могут выдаваться разные результаты Performance grade.
Еперный театр, да что сложного на знак "?" нажать в этой графе? Почекать в разные моменты времени? Подумать?
Что я Вам элементарные вещи должен объяснять?
Да, ребятки...
(93+81)/2=87
Не пытайтесь подгонять цифры - они не сойдутся, проверено на нескольких сайтах.
Pingdom использует серверный скрипт pagespeed, у меня на сервере он тоже стоит.
Онлайновая проверка в PageSpeed Insights показывает другие результаты.
Да, сервис забавный и немного бесноватый. Но за долгое время работы с адаптивом уже привык. Жалко только, что убрали вывод ошибок.
1) Кто не знает, вот 3 разновидности:
https://testmysite.withgoogle.com/intl/ru-ru
https://developers.google.com/speed/pagespeed/insights/
https://search.google.com/search-console/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect
А вот этот сайт, например, все еще выдает ошибки в верстке:
http://adaptivator.ru/
2) Чтобы сжать картинки, берите лучше Фотошоп => Сохранить для веб. Заодно и размер можно подправить (той же пакетной обработкой). То что выдает Гугл в архиве для скачивания - часто сомнительного качества. А те же сжатые им стили - глючат в Фаерфоксе и на телефонах с ВинМобайл.
Да, 100% нравятся Гуглу только .png изображения. Так что если нужен такой "лайфхак" - забирайте. :) Хоть по весу и будет больше.
Но и это не поможет, если картинка 1000px а выводится 100 на 100.
3) Мне нравится добавлять кеширование статики и сжатие ччерез .хитачесс.
Например, так:
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
ExpiresByType text/html "access plus 86400 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
<ifModule mod_headers.c>
<filesMatch "\.(ico!pdf!flv!jpg!jpeg!png!gif!swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(css!js!txt)$">
Header set Cache-Control "max-age=604800, public"
</filesMatch>
<filesMatch "\.(html!htm)$">
Header set Cache-Control "max-age=86400, public"
</filesMatch>
<filesMatch "\.(php!xml)$">
Header set Cache-Control "max-age=600, private, must-revalidate"
</filesMatch>
</ifModule>
# Сжатие
<IfModule mod_deflate.c>
# html, txt, css, js, json, xml, htc:
AddOutputFilterByType DEFLATE text/html text/plain text/css application/json
AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript
AddOutputFilterByType DEFLATE text/xml application/xml text/x-component
# веб-шрифты и svg:
<FilesMatch "\.(ttf|otf|eot|svg)$" >
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>
Но иногда нужно написать в техподдержку хостинга - чтобы включили.
Для Гзип нашел такое:
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^text\.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image\.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>
4) Да, по стилям и скриптам там полный бред. 90% сайтов после переноса их вниз просто не будут работать. Но хорошо бы вырезать лишние комментарии, табуляцию и пробелы из .css и .js.
Ну и чем меньше файлов, тем меньше запросов на сервер. Встречал плагины к CMS, автоматом объединяющие файлы.
2) Чтобы сжать картинки, берите лучше Фотошоп => Сохранить для веб.
слишком много мусора от фотожопа остаётся, лучше уж IrfanView
3) Мне нравится добавлять кеширование статики и сжатие ччерез .хитачесс.
Например, так:
Но иногда нужно написать в техподдержку хостинга - чтобы включили.
Для Гзип нашел такое:
Когда на сервере стоит связка nginx+apache, то кэширование статики и сжатие включаются в энжинксе.
Когда на сервере стоит связка nginx+apache, то кэширование статики и сжатие включаются в энжинксе.
слишком много мусора от фотожопа остаётся, лучше уж IrfanView
Проще тогда загнать в Гугл страницу с кучей картинок и сохранить - что он предложит ))
Хотя, как и писал, инструмент немного бредовый. PNG-24 пропускает в любом виде. А JPG - с качеством, которое мне не нравится.
Но для процентов 50 сайтов даже Фотошоп - большой шаг вперед. От фото в 3 мегабайта к 300 - 400 килобайтам. :)
Когда на сервере стоит связка nginx+apache, то кэширование статики и сжатие включаются в энжинксе.
Не спорю. Но вижу намного реже просто. Да и на таких хостингах обычно включается или в панели или через техподдержку.
Не спорю. Но вижу намного реже просто. Да и на таких хостингах обычно включается или в панели или через техподдержку.
Так я не спорил, а дополнил)
На случай если выделенный сервак возьмет кто-то, чтобы знать где включается при такой связке)
А я все сделал как они просили, выбил 98 очков из 100, но никакого профита не получил =) Ну разве что, в серч консоли обнулилось количество страниц, не оптимизированных для мобильников.
А через пару месяцев поставил кнопки лайков от разных соцсетей и вся моя супер-пупер-оптимизация накрылась медным тазом))
Тоже погнался за рекордами. Заполучил 99 баллов (было около 70). Через несколько месяцев траффик из выдачи упал процентов на 80... Совпадение? 🤪