Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Как пользоваться тегом {jsfiles}?

Как пользоваться тегом {jsfiles}?


     13.07.2016    Все вопросы » Шаблоны (TPL)    5423

вопрос
Прочел в документации про тег {jsfiles} но не могу понять как его использовать? Написано, что этот тег поможет ускорить работу сайта... Ниже предоставил инфу с
<head>
{headers}
    <!--DonBot-->
{include file='engine/modules/donbot.php?tag=nofollow&pages=addnews,feedback,lostpassword,register,rules,stats,search,pm,favorites,newposts,lastnews,lastcomments,date,userinfo,allnews,alltags,tags,xfsearch,catalog,catp'}
    <!--webmaster.mail.ru-->
<meta name='wmail-verification' content='f490ae8d76e42a00d66d659f28f3ed0e' />
    <!--Объявлений уровня страницы Adsense-->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-7486352048989874",
    enable_page_level_ads: true
  });
</script>
    <!--Sistem Points-->
<link media="screen" href="{THEME}/points/style/points.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="{THEME}/points/js/reflection.js"></script>    
    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">    
<script type="text/javascript" src="{THEME}/js/jquery-2.2.4.min.js"></script>
<link rel="stylesheet" href="{THEME}/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="{THEME}/fancybox/jquery.fancybox.js"></script>
<link rel="shortcut icon" href="{THEME}/images/favicon.png" />
<link href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
<link href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />
<link href="{THEME}/style/font-awesome.css" type="text/css" rel="stylesheet" />
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script src="{THEME}/js/libs.js"></script>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
    </head>

Куда весь этот код девать, чтобы ускорить сайт?

Ответил: irrwisch


Как то так

<head>
    {headers}
    <link rel="shortcut icon" href="{THEME}/images/favicon.png" />
    <link href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
    <link href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    {include file='engine/modules/donbot.php?tag=nofollow&pages=addnews,feedback,lostpassword,register,rules,stats,search,pm,favorites,newposts,lastnews,lastcomments,date,userinfo,allnews,alltags,tags,xfsearch,catalog,catp'}
    <meta name='wmail-verification' content='f490ae8d76e42a00d66d659f28f3ed0e' />
</head>
<body>
<!--тут html код вашей страницы, после которого вставляете всё остальное-->


    {jsfiles}
    {AJAX} <!--Обратите внимание что данный тег перенесён в конец страницы-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
    <link href="{THEME}/style/font-awesome.css" type="text/css" rel="stylesheet" /> <!-- Возможный повтор с следующей строкой -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<link rel="stylesheet" href="{THEME}/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link media="screen" href="{THEME}/points/style/points.css" type="text/css" rel="stylesheet">

<script type="text/javascript" src="{THEME}/points/js/reflection.js"></script>    
<script type="text/javascript" src="{THEME}/fancybox/jquery.fancybox.js"></script>
<script src="{THEME}/js/libs.js"></script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-7486352048989874",
    enable_page_level_ads: true
  });
</script>
</body>

ещё удалил вам лишнее
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- Выводится тегом {headers} -->
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!-- Отсутствует на googlecode, теперь нужно качать с git и лить к себе на сервер-->
<script type="text/javascript" src="{THEME}/js/jquery-2.2.4.min.js"></script> <!-- Повторное подключение в DLE 11.1 подключена эта версия по умолчанию-->

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

develop
Юзер

develop - 13 июля 2016 12:37 -

в теге {headers} содержется подключение title meta и js скриптов (3 файла)
а тег {jsfiles} убирает их с тега {headers} и подключает в любое место страницы

baseroad
Юзер

baseroad - 13 июля 2016 17:03 -

Более подробней можно о этой строке
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!-- Отсутствует на googlecode, теперь нужно качать с git и лить к себе на сервер-->

От куда качать и в какую директорию заливать?

irrwisch
Юзер

irrwisch - 13 июля 2016 17:24 -

этот файл кидаете в папку js своего шаблона и подключаете

<!--[if lt IE 9]><script src="{THEME}/js/html5shiv.js"></script><![endif]-->

baseroad
Юзер

baseroad - 13 июля 2016 18:49 -

irrwisch,
Спасибо огромнейшее! Увеличил до 80/100 после ваших правок и оптимизации изображений, но почему-то сайт тупит и не прогружается долго.
А как лучше настроить загрузку изображений, чтобы потом не было проблем с PageSpeed Insights?

ПафНутиЙ
Админ

ПафНутиЙ - 14 июля 2016 11:55 -

Тем, кто перносит css в конец страницы заготовлен отдельный котёл в аду.

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

irrwisch
Юзер

irrwisch - 14 июля 2016 13:04 -

Полностью с Вами согласен, поэтому основные

<link href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
<link href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />

в примере оставил в head'ере

irrwisch
Юзер

irrwisch - 14 июля 2016 21:28 -

Цитата: baseroad
Увеличил до 80/100 после ваших правок и оптимизации изображений

На DLE+хороший хостинг, легко достигнуть показателей 100/100
Цитата: baseroad
но почему-то сайт тупит и не прогружается долго.

тут уже нужно смотреть сам сайт

LazyDev
PHP-developer

LazyDev - 14 июля 2016 21:41 -

Цитата: irrwisch
На DLE+хороший хостинг, легко достигнуть показателей 100/100
Нет.

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

irrwisch
Юзер

irrwisch - 14 июля 2016 22:01 -


Цитата: Gameer
Нет.

проверенно на практике

baseroad
Юзер

baseroad - 14 июля 2016 22:48 -

Цитата: irrwisch
проверенно на практике

80/100 хороший результат? И зачем вообще повышать скорость по рекомендациям? Какие плюсы от этого?

irrwisch
Юзер

irrwisch - 15 июля 2016 00:54 -

Цитата: baseroad
80/100 хороший результат?

хороший результат от 90
Цитата: baseroad
Какие плюсы от этого?

более быстрая загрузка сайта, довольные юзеры

baseroad
Юзер

baseroad - 15 июля 2016 06:54 -

Цитата: irrwisch
более быстрая загрузка сайта, довольные юзеры

А я слышал, что гугл может ренжировать выше... Это правда?

Epic
Юзер

Epic - 19 марта 2017 16:50 -

Правда конечно! Pagespeed это гугловский сервис, вы думаете если у вас там будет низкий показатель, он не обратит внимание на свое же творение?)

ismailovruslan
Юзер

ismailovruslan - 22 марта 2019 09:17 -

baseroad, скорость один из очень важных факторов при ранжированние!

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх