Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как улучшить скорость загрузки сайта ?

Как улучшить скорость загрузки сайта ?


     22.07.2016    Все вопросы » Общие вопросы    2892

вопрос
Здравствуйте. Google Speed ругается вот на что:

Удалите код javascript, препятствующий отображению:
https://site.ru/engine/classes/min/index.php?charset=windows-1251&g=general&18
https://site.ru/engine/classes/min/index.php?charset=windows-1251&f=engine/classes/highslide/highslide.js&18

Оптимизируйте работу CSS на следующих ресурсах:
https://site.ru/engine/classes/min/index.php?charset=windows-1251&f=/templates/smartphone/css/style.css,/templates/smartphone/css/engine.css&7

Сделал все по рекомендациям Пафнуфия, однако ругается.
Где находится эти ява скрипты, даже не знаю, я бы добавил в них async

Ответа пока нет


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

SWM
Юзер

SWM - 23 июля 2016 04:50 -

Для начала верните прежний вид ссылок на css и js , далее
<head >
<style>
здесь все ваши стили должны быть ( подключать не через link )
</style>
</head>
перед </body> прописать
js DLE
{AJAX}
js шаблона

тогда перестанет ругаться google

насчет async не советую прописывать к js движка .

Serik
Местный

Serik - 23 июля 2016 07:30 -

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

СПАСИБО надо тыкать в кнопку!

moskit
Юзер

moskit - 23 июля 2016 08:30 -

SWM, так ведь будет ругаться на слишком большой код ))) Вы сами то понимаете, о чем говорите ?)

SWM
Юзер

SWM - 23 июля 2016 14:57 -

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

SWM
Юзер

moskit
Юзер

moskit - 23 июля 2016 08:43 -

Вот пожалуйста: Сделал как вы просили.

 <head >
<style>
@import url("{THEME}/style/styles.css");
@import url("{THEME}/style/engine.css");  
</style>
...
</head>
<body>
    {headers}
{AJAX}
        

   <script>
         hljs.tabReplace = '    ';
        hljs.initHighlightingonload();
    </script>

       <script type="text/javascript">
             var tabs = new MGFX.Tabs('.tab','.feature',{
                autoplay: true,
                transitionDuration:500,
                slideInterval:3000,
                hover:true
            });  
        </script>
    
    <!-- arcticModal -->


<script src="{THEME}/js/jquery.arcticmodal-0.3.min.js"></script>
<script src="{THEME}/js/mootools.full.js"></script>
<script src="{THEME}/js/rotater.js"></script>
<script src="{THEME}/js/tabs.js"></script>

    </body>


Не уменьшилось и не прибавилось скорость.

SWM
Юзер

SWM - 23 июля 2016 14:53 -

1. Оптимизируйте css,на много сократит код. Есть сайт cssminifier
2. В <head> подключить таким оброзом стили <style type="text/css">.menu {margin:0}</style>это пример
3.Все скрипты перенесите в низ и пропишите перед тегом </body>

SWM
Юзер

SWM - 23 июля 2016 14:55 -

Такой вид скрипта подключайте в теге<head>
   <script>
         hljs.tabReplace = '    ';
        hljs.initHighlightingonload();
    </script>

       <script type="text/javascript">
             var tabs = new MGFX.Tabs('.tab','.feature',{
                autoplay: true,
                transitionDuration:500,
                slideInterval:3000,
                hover:true
            });  
        </script>

SWM
Юзер

SWM - 23 июля 2016 14:56 -

Если все правильно сделаете должно получится так. http://prntscr.com/bwhrti

irrwisch
Юзер

irrwisch - 23 июля 2016 15:03 -

Как то так

<head>
    {headers}
    <link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet">
</head>
<body>
    ...
    ...
    ...
    {jsfiles}
    {AJAX}
    <link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet">
    <script src="{THEME}/js/jquery.arcticmodal-0.3.min.js"></script>
    <script src="{THEME}/js/mootools.full.js"></script>
    <script src="{THEME}/js/rotater.js"></script>
    <script src="{THEME}/js/tabs.js"></script>
    <script>
        hljs.tabReplace = '    ';
        hljs.initHighlightingonload();
    </script>
    <script type="text/javascript">
        var tabs = new MGFX.Tabs('.tab','.feature',{
            autoplay: true,
            transitionDuration:500,
            slideInterval:3000,
            hover:true
        });
    </script>
</body>

SWM
Юзер

SWM - 23 июля 2016 15:06 -

попробуйте так и посмотрите что гугл скажет
а потом сделайте так как указал выше 2 пункт,для того чтоб в начале прочитла машина стили а уже потом весь код
<head>
    {headers}
</head>
<body>
    ...
    ...
    ...
    {jsfiles}
    {AJAX}
    <link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet">
    <link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet">
    <script src="{THEME}/js/jquery.arcticmodal-0.3.min.js"></script>
    <script src="{THEME}/js/mootools.full.js"></script>
    <script src="{THEME}/js/rotater.js"></script>
    <script src="{THEME}/js/tabs.js"></script>
    <script>
        hljs.tabReplace = '    ';
        hljs.initHighlightingonload();
    </script>
    <script type="text/javascript">
        var tabs = new MGFX.Tabs('.tab','.feature',{
            autoplay: true,
            transitionDuration:500,
            slideInterval:3000,
            hover:true
        });
    </script>
</body>

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

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

наверх