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

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


     13.07.2016    Шаблоны (TPL)    750

вопрос
Прочел в документации про тег {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 подключена эта версия по умолчанию-->

Комментарии пользователей (13)

develop
36 | 6

develop - 13 июля 2016 12:37 - Юзер

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

baseroad
5

298 | 7

baseroad - 13 июля 2016 17:03 - Юзер

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

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

irrwisch
49

408 | 160

irrwisch - 13 июля 2016 17:24 - Юзер

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

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

baseroad
5

298 | 7

baseroad - 13 июля 2016 18:49 - Юзер

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

ПафНутиЙ
1079

3457 | 2440

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

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

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

irrwisch
49

408 | 160

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
49

408 | 160

irrwisch - 14 июля 2016 21:28 - Юзер

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

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

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

Gameer
236

1166 | 406

Gameer - 14 июля 2016 21:41 - Эксперт

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

Истина в противоречии.​

irrwisch
49

408 | 160

irrwisch - 14 июля 2016 22:01 - Юзер


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

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

baseroad
5

298 | 7

baseroad - 14 июля 2016 22:48 - Юзер

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

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

irrwisch
49

408 | 160

irrwisch - 15 июля 2016 00:54 - Юзер

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

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

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

baseroad
5

298 | 7

baseroad - 15 июля 2016 06:54 - Юзер

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

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

Epic
4

Epic - 19 марта 2017 16:50 - Юзер

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

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

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