Код поисковой формы. Без js

stihirf

29 сентября 2014, 13:26

Здравствуйте! Ваш поиск очень удобен, на моём сайте форма запроса добавлена в заголовок.

В коде формы ввода запроса есть JS. Это заставляет немного ждать появление формы, а также в Google pagespeed это влияет на скорость отображения заголовка. Конкретно подсказывают: "Для отображения верхней части страницы необходимы дополнительные сетевые запросы. Сократите объем HTML-кода в верхней части страницы, чтобы она быстрее открывалась в браузере." И показывают скриншот где вначале страница без фото и без формы поиска.

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

сайт: с-т-и-х-и.рф

7 комментариев

Авторизуйтесь, чтобы оставить комментарий

Елена Першина

28 января 2016, 00:54

Спасибо за сообщение, сейчас посмотрим, что мы тут можем посоветовать.

Елена Першина

28 января 2016, 00:54

Простите, что долго разбирались. Оказалось, что проблема, которая тут возникает, видимо, никак не связана с нашим поиском. Во-первых, так как на других наших поисках она не воспроизводится, а, во-вторых, потому что проблема у вас будет воспроизводиться и без нашего поиска. То есть на предупреждение pagespeed наша форма не влияет. Скорее всего, это общая рекомендация для ваших страниц, если даже полностью убрать нашу форму она не пропадет.

Для ускорения загрузки можем рекомендовать использовать технику инлайнинга картинок из верхней части страницы при помощи data:uri.

stihirf

28 января 2016, 00:54

сасибо, лена

kazturin

28 января 2016, 00:54

Добрый день!

Подскажите, пожалуйста, насолько я понял (могу ошибаться, смотрел в webpagetest), код формы поиска подгружает библиотеку jquery версии 1.6.4 (адрес скрипта: https://yastatic.net/jquery/1.6.2/jquery.min.js)?

Вот результат теста моего сайта: http://www.webpagetest.org/result/150324_P2_12EE/1/details/#request82

Если так, то, быть может, есть какие-то способы подгружать на страницы форму поиска с какими-либо параметрами или ещё как-то, чтобы страница с результатами понимала, что ей передалось в качестве ключевой поисковой фразы.

Дело в том, что у меня уже подгружается библиотека jquery, причём, более поздней версии, и если их подгружать обе, то они сравнительно большие и существенно влияют на скорость загрузки.

Спасибо заранее!

Елена Першина

28 января 2016, 00:54

Добрый день!
Простите, пожалуйста, за подобную задержку с ответом, почему-то не пришло уведомление о новом комментарии.
> то они сравнительно большие и существенно влияют на скорость загрузки.
Ну, это не совсем правда: на второй раз библиотеки кладутся в кэш и берутся оттуда.
По существу: наш код протестирован на совместимость с jQuery в диапазоне 1.4.0

kazturin

28 января 2016, 00:54

Теперь Вы простите меня за задержку с ответом!

Я думаю, данная проблема катализируется тем, что сама библиотека jQuery постоянно обновляется, и версия 1.6.2 уже достаточно далека от актуальной. Так, по прошествии полугода, я уже использую вместо 1.8 версию 2.1.

Может быть, это станет подоплёкой к повышению приоритетности задачи. Либо, как альтернативного решения - возможности установки рабочей строки поиска без подгрузки библиотеки вовсе (и без соответствующих "плюшек").

Дело даже не в производительности, а в бессмысленности загрузки сразу двух версий jQuery на сайтах, многие из которых используют версии выше 1.6.2 (и в целом библиотеку jQuery как самый популярный фреймворк).

Спасибо!

kazturin

28 января 2016, 00:54

Или, может быть, есть какой-то скритп на jquery, который позволит загрузить форму поиска (вместе со скриптами и исполнить их после подгрузки) после загрузки страницы?