- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах
Это на 45% больше, чем в 2022 году
Оксана Мамчуева
Все что нужно знать о DDоS-атаках грамотному менеджеру
И как реагировать на "пожар", когда неизвестно, где хранятся "огнетушители
Антон Никонов
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Привет, всем!
Сайт forexpapa.ru, адаптивный под размер экрана пользователя. На малых разрешениях, когда меню трансформируется в выпадающий список, бывает, что меню не подгружается. После повторной перезагрузки страницы - всегда появляется. Случается редко, но иногда замечаю. Кто может подсказать, в чем проблема + возможное решение? Может кто сталкивался...
Проблема начала появляться, когда я начал прогинаться под Google и его рекомендации по увеличению скорости загрузки. Яваскрипты снесены в футер, загружаются асинхронно. Ссылка на style.css там же, часть стилей вынес в <style></style>.
Может ли это быть связано с очередностью подгрузки стилей по отношению к скриптам? Меняю местами и вроде картина стабилизируется. Но достоверно знать не могу.
В общем, в сайтостроении я не очень силён, может что-то не так сделал... Прошу совета бывалых
jquery дважды подключается, из-за этого могут быть глюки.
<script type='text/javascript' async src='http://forexpapa.ru/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
Кхм, нелепый пропуск... Спасибо. Однако не помогло... Еще обнаружил, что в ситуациях, когда меню не загружается, также не работает поле поиска (должно выезжать при нажатии). Так что наверно проблема в яваскриптах
---------- Добавлено 21.07.2015 в 23:49 ----------
Убрал асинхронную загрузку jquery - вроде полет нормальный. Если у кого есть рабочий рецепт - поделитесь, пожалуйста. А то пальцем в небо...
css файлы вы зря вниз опустили, гугл этого точно не рекомендует, наоборот они должны быть в хедере и выше js... стили в коде тоже ни к чему...
Судя по примеру гугла, он рекомендует стили вообще ПОСЛЕ </html> ставить - https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
В принципе, я тоже не совсем поддерживаю эту логику, потому что сайт подгружается хоть и быстрее, но визуально коряво. Со стилями в коде переборщил, согласен - еще не придумал, как лучше сделать. Пока на этапе индексации решил прогнуться под поисковики, а там видно будет...
Перенес ссылку на стили выше js - даже балл добавило:) Спасибо!
В общем-то, и с менюхой вроде все ок, после снятия async
Это уже в 100500 раз наверно
Судя по примеру гугла
это не пример гугла, это их рекомендации, которых они сами сроду не придерживались.
Ну хорошо, кто-нибудь реально хоть раз заглянул в коды страницы google.com чтобы увидеть всю правду жизни?
Первое - там вообще нет жиквери (а между тем гугля ее с удовольствием раздает)
Второе - там голимые стили инлайн
Третье - там голимые скрипты инлайн
В частности я скопипастил специально измерить сколько занимает континуальный блок стилей - получилось 24,0 KB (24*576 bytes) - это называется маленький CSS? И 24К - не все стили. Там еще несколько кусков в разных местах напихано.
Самое смешное что упомянутая страница-то в сущности пустая. Зачем там 24 кило стилей, куда они там идут вообще?
---------- Добавлено 22.07.2015 в 07:21 ----------
Для тех кто в танке. Современный тренд таков: обеспечить блок верстки стилями до и скриптами после при необходимости. В теории инлайн блоки стилей должны быть с атрибутом scoped, но пока что на него все кладут и гугля в том числе.
Стили и скрипты генерального плана можно либо класть в хедер инлайн, либо линковать к серверу в том же месте. Все остальное что требуется по контексту, выдается по контексту и идут они все лесом эти рекомендации. У нас есть браузер и этим обстоятельством надо пользоваться. Это не десктоп, это не ФШ который должен все свои лайбы загрузить сперва, чтоб потом вы смогли уменьшить фотку и закрыть этот магабаян.
---------- Добавлено 22.07.2015 в 07:27 ----------
Кстати для фрейморков и всяких там цмсок этот тренд тоже весьма выгодный. Весь сайт можно построить из виджетов по шаблону
и не мучиться собирая все барахло в моделях.
---------- Добавлено 22.07.2015 в 07:32 ----------
Практический смысл инлайна в том, что бы не поднимать ради текста в пару десятков КБ всю эту обслугу - сервер. Эта несуразная задача и решается включением в ответ с сервера всего, что можно туда включить как текст.
Единственно что хтмл должен быть безупречным. Даже небольшая ошибка в кодах может срубить все стили и вызвать смешные глюки скриптов.
Возможно в прошлом, когда пакеты действительно терялись, так делать было опасно. Сейчас скорость и надежность тырнета такова, что можно забыть о потерях.
---------- Добавлено 22.07.2015 в 07:37 ----------
Кстати, вся страница гугля 48,31 KB (49 473 bytes) - то есть стилей в ней половина, вторая половина - скрипты. Остальное - хтмл. А вы про рекомендации...