Исправление блокировки рендеринга

Mil_Lena

Всем привет,

Я пытался исправить некоторые проблемы с моим сайтом WordPress (https://highperformancejunkies.com

)

Я считаю, что это проблема с блокировкой рендеринга (мое раскрывающееся меню не работает после попытки исправить мой критический CSS)

Короче говоря, мой веб-сайт работал медленно и имел ужасные оценки по pingdom, gtmetrics, скорости страниц Google и т. д. Я большой новичок и практически не имею навыков программирования, но я нашел приятную статью, которая представляла собой пошаговое руководство о том, как удалить и отложить CSS здесь: https://www.myhostingfacts.com/defer-css-javascript-wordpress/

Я последовал руководству и купил плагин WP Rocket, и мой сайт уже стал в 10 раз быстрее с рейтингом 80+.

Моя проблема в том, что я нахожусь в том месте руководства, где говорится «отложить CSS и Javascript вручную с помощью кода в функции php», примерно на 3/4 пути вниз по странице - и теперь я потерян.

Я не знаю, что они означают или что мне следует делать, и я считаю, что это дает мне ответ о том, как решить мою проблему. Я надеялся, что кто-нибудь поможет мне пройти через эти последние шаги и действительно объяснит мне это.

До сих пор у меня были потрясающие результаты, но очевидно, что отсутствие рабочего меню мне ничем не поможет... Спасибо заранее!

ramzes131

К сожалению, у меня нет опыта программирования, а WordPress упростил создание веб-сайта, хотя, возможно, это не лучший выбор.

В каком браузере у вас возникла проблема? Вчера вечером я немного повозился, но это заставляет меня думать, что все еще есть ошибка, которую нужно исправить, и это одна из причин, почему мой показатель отказов такой высокий.

Я знаю, что вы были против минимизации, но когда я минимизировал JS, мой веб-сайт работал очень быстро и имел оценки выше среднего по всем тестам метрик скорости веб-сайта.

Если бы я мог выяснить последние несколько шагов в ссылке, которую я разместил здесь, я думаю, это дало бы мне решение, которое сработало бы - хотя я понимаю, что оно может быть не лучшим...

promaster-2008

Я думаю, что начал видеть некоторые результаты.

Однако у меня проблемы с некоторыми JS.

Я использую плагин wp-rocket для кэширования, минимизации и т. д. Изменения, которые я внес до сих пор, были довольно хорошими.

У него есть опция «Указать URL-адреса файлов JavaScript, которые необходимо исключить из минификации и конкатенации (по одному в строке)».

Прямо сейчас у меня возникла проблема: мое слайд-шоу с изображениями не отображается на моей странице в мобильном формате.

Фотографии в режиме слайд-шоу без изображений отобразятся без проблем.

Я пытаюсь выяснить URL-адрес файла javascript, который запускает мое слайд-шоу изображений, но у меня чертовски много времени на это.

У WP-rocket есть руководство здесь: https://docs.wp-rocket.me/article/915-find-the-right-js-files-to-exclude-from-minification

который я пытался завершить снова и снова, но, похоже, не могу этого понять. Страница, на которой не отображается слайд-шоу изображений (одна из многих), находится здесь: https://highperformancejunkies.com/how-to-guides/rust-corrosion-repair-a-diy-guide/

Может ли кто-нибудь помочь мне разобраться с видео wp-rocket, чтобы выяснить, какой у меня js-файл, который запускает слайд-шоу? Таким образом, я могу исключить это, и у меня все будет хорошо.

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

Sokali

Я хочу попробовать это и посмотреть, сможет ли это решить мою проблему.

Может ли кто-нибудь помочь мне пройти через последнюю часть приведенного выше руководства, касающуюся отложенной части CSS и JavaScript? Я не понимаю, куда идет этот код, что это такое и какие части мне нужны. Ссылка еще раз: https://www.myhostingfacts.com/defer-css-javascript-wordpress/

sharc

К сожалению, вы, судя по всему, используете Turdpress, о котором я ничего не знаю.

Я попробовал зайти на ваш сайт.

Ваша страница появилась, а затем исчезла, оставив пустую белую страницу со словом «не определено» в верхнем левом углу.

Я даже не смог просмотреть исходный код, поэтому понятия не имею, сколько у вас файлов JS и CSS. Что-то изменилось на вашей странице: вчера у меня не было проблем с просмотром вашей целевой страницы. Я бы удалил все плагины Turdpress, которые вы не используете.

Это определенно помогло бы, поскольку каждый плагин усугубляет проблему.

leom

К сожалению, я не уверен, с чего начать поиск и устранение лишнего JS и CSS. Или что искать, чтобы даже начать работу над этим. Есть ли у вас что-то, что могло бы указать мне правильное направление для начала, или описание, которому я могу следовать?

nyta

Дошло до этого сегодня после обращения в команду поддержки WP Rocket:
Проблема: В моей мобильной версии сайта эта страница и другие страницы, на которых есть изображения в виде слайд-шоу, не отображаются: https://highperformancejunkies.com/how-to-guides/rust-corrosion-repair-a-diy-guide/

Коды ошибок, указанные службой поддержки: https://share.getcloudapp.com/RBuXvnpz

Затем они сказали: «Я проверил их и вижу, что одна из ошибок указывает на этот файл. https://c0.wp.com/p/jetpack/8.0/_inc/blocks/

слайд-шоу/view.js, что на самом деле отложено"
Исправление: Они сказали скачать плагин, который у них есть здесь, и следовать инструкциям. Это включало редактирование плагина перед его активацией: https://docs.wp-rocket.me/article/976-exclude-files-from-defer-js

Я попробовал внести в плагин следующие 3 изменения, но ни одно из них не решило проблему: $excluded_files[] = 'https://c0.wp.com/p/jetpack/(.*).js

$excluded_files[] = '/jetpack/8.0/_inc/blocks/slideshow/view.js' $excluded_files[] = '/slideshow/view.js'
Вопросы:

Разве это не правильное решение?
Это только часть исправления?
Допустил ли я ошибку при исключении файлов?

Большое спасибо всем, кто может помочь

Keksmedia

Я использовал FF и в первый раз, когда смог прочитать всё, и во второй раз, когда ничего не получил.

Исходя из этого, я не понимаю, как FF может быть проблемой: один раз работает, а в следующий раз не работает.

Тот факт, что теперь при минификации все происходит заметно быстрее, доказывает, что у вас есть серьезные проблемы с файлами JS. Теперь, можете ли вы что-нибудь сделать с этими проблемами, это снова другой вопрос.

Я никогда не использовал Турдпресс.

Я пробовал свои силы на других старых CMS еще до того, как Turdpress был слит воедино.

Я был так расстроен, возясь с ними и не успев сделать то, что мне нужно было сделать, что, наконец, после трех лет попыток вставить квадратный колышек в круглое отверстие, я решил, что ЕДИНСТВЕННОЕ решение - выучить HTML и вместе плестись.

страницы напрямую.

Вы можете прийти к одному и тому же выводу, а можете и не прийти.

Все, что я знаю наверняка, это то, что Турдпресс и другие никогда не смогут сделать то, что мне нужно.

Selezen

обновление: если я сниму флажок «уменьшить файлы javascript», появится, что мое меню будет работать как на моем мобильном, так и на настольном сайте. Итак, как я могу включить минификацию файлов JavaScript, не нарушая мобильное меню? Мне хотелось бы, чтобы сайт работал максимально оптимально

Александр Кузнецов1

Если ваши файлы javascript настолько велики, что вам нужен бандаж (минификация), чтобы ускорить их, они слишком велики.

В файлах JavaScript разумного размера минимизация не будет иметь никакого заметного значения. Обычно САМОЕ замедление, создаваемое файлами JS и CSS, вызвано ЧРЕЗМЕРНЫМ подтверждением связи, которое, в свою очередь, вызвано слишком большим количеством файлов.

РЕДКО есть какая-либо причина необходимости использования более одного или двух файлов JS или CSS на каждой странице.

Если у вас больше этого, вы ЗАМЕТИТЕ вялую производительность ни по какой другой причине, кроме продолжающегося установления связи.

Потратив время на избавление от ненужных файлов JS и CSS, вы ускорите процесс больше, чем любая минимизация, которую вы делаете.

nedilko

Ваш сайт https://highperformancejunkies.com/

работает, думаю, теперь найду. Он также загружается быстрее, так как я проверял это в последний раз.

Похожие темы	Дата
Сайты по направлениям в графическом дизайне	19.10.2024, 18:10
Обсуждаем тему подготовки к печати	19.10.2024, 18:10
есть идея дизайна...вопрос в реализации....	19.10.2024, 18:10
Ищу хороших веб дизайнеров	19.10.2024, 18:10
Управление языками Великобритании и США на одном сайте...	19.10.2024, 18:10
Как разместить два изображения в одном месте	19.10.2024, 18:10
3 мега-ниши для блога с огромным доходом	19.10.2024, 18:10
Разработка сайта - Приключенческий онлайн-спорт	19.10.2024, 18:10
Семантическая разметка HTML 5	19.10.2024, 18:10
Нужна помощь в запуске моей веб-страницы	19.10.2024, 18:10

Исправление блокировки рендеринга

Mil_Lena

ramzes131

promaster-2008

Sokali

sharc

leom

nyta

Keksmedia

Selezen

Александр Кузнецов1

nedilko

I AM

Интересно