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

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

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

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

вопрос

Здравствуйте. 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 комментариев

Юзер

117

SWM - 2016-07-2223 июля 2016 04:50 - #57268

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

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

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

Местный

425

Serik - 2016-07-2223 июля 2016 07:30 - #57271

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

Показать / Скрыть текст

https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=toplwp.ru

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

Юзер

moskit - 2016-07-2223 июля 2016 08:30 - #57272

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

Юзер

117

SWM - 2016-07-2223 июля 2016 14:57 - #57279

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

Юзер

117

SWM - 2016-07-2223 июля 2016 15:13 - #57282

https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

Юзер

moskit - 2016-07-2223 июля 2016 08:43 - #57273

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

 <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>

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

Юзер

117

SWM - 2016-07-2223 июля 2016 14:53 - #57276

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

Юзер

117

SWM - 2016-07-2223 июля 2016 14:55 - #57277

Такой вид скрипта подключайте в теге<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>

Юзер

117

SWM - 2016-07-2223 июля 2016 14:56 - #57278

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

Юзер

494

irrwisch - 2016-07-2223 июля 2016 15:03 - #57280

Как то так


<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>

Юзер

117

SWM - 2016-07-2223 июля 2016 15:06 - #57281

попробуйте так и посмотрите что гугл скажет
а потом сделайте так как указал выше 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>