Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы » Как удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение?

Как удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение?

Endy 25.01.2016 Общие вопросы, Шаблоны (TPL), Стили (CSS), jQuery, Ламерские вопросы 5763

вопрос

Как отделить JS из шапки и как правильно будет его разместить на странице, в самый низ?

Ответил: ПафНутиЙ

http://dle-news.ru/extras/online/newitem23.html

{jsfiles}
Выводит подключение всех JS скриптов, которые использует DLE в указанном месте шаблона. При помощи данного тега вы можете, например, перенести все JS скрипты в самый низ страницы, для ускорения загрузки и рендеринга ваших страниц. Данный тег является необязательным, и в случае его отсутствия в шаблоне, все скрипты будут подключены, как и ранее к тегу {headers}. Внимание, если вы переносите подключение скриптов, то должны иметь ввиду, что тег {AJAX} также должен находится ниже тега {jsfiles}, а также вы должны предусмотреть работу всех своих сторонних скриптов в шаблоне, если они используют, например, библиотеку Jquery, чтобы они не запускались раньше, чем выполнится подключение всех скриптов. Мы настоятельно не рекомендуем новичкам пользоваться данным тегом, он предназначен для опытных вебмастеров, которые имеют опыт в работе с JS скриптами.

22 комментария

Гости

135

Endy - 2015-01-0725 января 2016 11:01 - #52129

DLE еще та дичь ))

Юзер

rjk - 2015-01-0725 января 2016 11:04 - #52130

будет дичь, лучше не трогайте)

Гости

135

Endy - 2015-01-0725 января 2016 13:08 - #52135

Спасибо! Баллов не дало, придется разбивать css ;(.

Гости

135

Endy - 2015-01-0725 января 2016 14:16 - #52139

Для мобильных 90 / 100Скорость 100 / 100Удобство для пользователей
Для компьютеров 96 / 100Рекомендации

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

PHP-developer

1783

Sander - 2015-01-0725 января 2016 17:54 - #52146

Перед тем как переносить JS, в частности jQuery - откройте исходный код того самого гуглоанализатора.
У них jQuery подключен в "верхней части страницы"...

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Гости

135

Endy - 2015-01-0725 января 2016 21:07 - #52152

это аргумент делать как они? ведь им то побарабану на оптимизацию ))

PHP-developer

1783

Sander - 2015-01-0725 января 2016 21:32 - #52153

Почему тогда вы считаете аргументом показания их анализатора?
Проверьте в этом же анализаторе популярные сайты или любой другой, на который можно ориентироваться, например: google.com, yandex.ru, youtube.com, vk.com и т.п.
Практически все они находятся в "красной" зоне.

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Гости

135

Endy - 2015-01-0726 января 2016 07:50 - #52159

Sander,
создали городской сайт, в поиске гугла находился на 3-4 странице по прямому запросу названия фирмы, исправили все косяки в валидаторе, ускорили в гугл тесте, и знаете что? на след. день утром сайт уже стоял на 1 месте по прямому запросу, на 2-3 по тематике, тогда когда до всего этого он по тематике вообще был на 6-8, разница чувствуется? как только сайт наберет оборот посещений и и зарекомендует себя по запросам, можно будет говнокодить и т.п

Юзер

163

redissx - 2015-01-0726 января 2016 11:02 - #52168

Это совпадение. Обычно, если сайт по витальному не в начале, то значит на сайт наложен какой-то фильтр. Кроме того, реакция за 10 часов на молодой сайт - это маловероятно даже для гугла. ИМХО очень крайне маловероятно, что сайт был далеко из-за спидтеста и валидности, скорее это был обычный процесс для недавно созданного сайта.

Гости

135

Endy - 2015-01-0726 января 2016 11:15 - #52170

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

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

Гости

135

Endy - 2015-01-0726 января 2016 11:17 - #52171

Админ

3457

ПафНутиЙ - 2015-01-0725 января 2016 21:42 - #52154

Вопрос оптимизации скорости загрузки не очень однозначен и прост и лучше определить для себя золотую средину, когда наибольший прирост достигается наименьшими трудозатратами.
Самый простой вариант - установить pagespeed for nginx и забыть про гуглоанализатор и можно дальше говнокодить в css и js, как вы это делаете сейчас скорее всего.

Каков вопрос - таков и ответ. Просто помните об этом.

Гости

135

Endy - 2015-01-0726 января 2016 07:51 - #52160

говнокодим? ))

Админ

3457

ПафНутиЙ - 2015-01-0726 января 2016 08:53 - #52163

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

Каков вопрос - таков и ответ. Просто помните об этом.

Гости

135

Endy - 2015-01-0726 января 2016 10:32 - #52164

ПафНутиЙ,
скорее всего стыдно тем студиям, которые толкают за 99$ свои не валидные шаблоны, которые приходится править и оптимизировать )), я ж говорю цена таким шабам не больше 2-3к рублей

Админ

3457

ПафНутиЙ - 2015-01-0726 января 2016 10:49 - #52167

тем более стоит показать, что бы другие задумались, в т.ч. те самые студии.

С другой стороны вам было обещана валидная вёрстка? Если нет, какие могут быть претензии?

Каков вопрос - таков и ответ. Просто помните об этом.

Гости

135

Endy - 2015-01-0726 января 2016 11:12 - #52169

ПафНутиЙ,
на эту тему можно долго говорить, но суть в том, что при разработке любого шаблона, нарисовка макета, верстка, должно учитываться что он должен быть на сегодняшний день валидным, по дефолту

человек лепит спрайт, но гугл говорит что этот спрайт весит много, для чего тогда дизайнер парился делать этот спрайт, если он даже не сжал его?

Юзер

163

redissx - 2015-01-0726 января 2016 13:12 - #52188

Да, разговор долгий и интересный для понимания процесса с обеих сторон. Приведу пример: подключаю Font Awesome, использую 15 иконок. Логично выкинуть остальное, сгенерировать только нужные иконки, но если покупатель захочет легко сменить их на другие? По этой причине в шаблоне много лишнего, что касается веса. И картинок это касается (сейчас не про спрайт), кто-то предпочтет тяжелый, но четкий бекграунд, кто-то компромиссно сожмет под себя, кто-то вообще удалит.

А если реально смотреть на вещи, сколько выгадано сжатием спрайта и сколько в сравнении с ним весит одна именно ваша картинка короткого описания? Это риторический вопрос. А вот тоже интересно: идите до конца и впишите скрипты и стили прямо в main.tpl <style>...</style> строку сжато :) гугл еще прибавит.

Про валидность не скажу ни слова, отдельный разговор.

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

Юзер

163

redissx - 2015-01-0726 января 2016 13:27 - #52189

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

Гости

135

Endy - 2015-01-0726 января 2016 13:42 - #52191

redissx,
об этом я и говорю, раз нет ТЗ, не означает что можно делать шаблон как хочешь, нужно придерживаться дефолта в любом случае, про массивый и четкий бекграунд, гугл его сожмет и примет, без потери качества, есть разница когда разрешение бекграунда 2000х4000, а человек заходит с ПК разрешения 1920х1080?

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

Гости

135

Endy - 2015-01-0726 января 2016 07:52 - #52161