Блог

Главная - Вопросы по программированию - Предварительная загрузка скорости страницы Prestashop

Предварительная загрузка скорости страницы Prestashop

#prestashop-1.7

#prestashop-1.7

Вопрос:

чтобы ускорить работу сайта, я использую «предварительную загрузку» для таблиц стилей и файлов javascript, как показано ниже :

 {foreach $stylesheets.external as $stylesheet}
   
  <link rel="preload" href="{$stylesheet.uri}" as="style">
  
  <link rel="stylesheet" href="{$stylesheet.uri}"  media="{$stylesheet.media}">
  
{/foreach}

{foreach $stylesheets.inline as $stylesheet}
  <style>
    {$stylesheet.content}
  </style>
{/foreach}  

 {foreach $javascript.external as $js}
    
  <link rel="preload" href="{$js.uri}" as="script">
  
  <script  src="{$js.uri}" {$js.attribute}></script>
  
{/foreach}

{foreach $javascript.inline as $js}
  <script type="text/javascript">
    {$js.content nofilter}
  </script>
{/foreach}

{if isset($vars) amp;amp; $vars|@count}
  <script type="text/javascript">
    {foreach from=$vars key=var_name item=var_value}
    var {$var_name} = {$var_value|json_encode nofilter};
    {/foreach}
  </script>
{/if}

весь css-код находится в файле custom.css и содержит медиа-запросы.

для настольных компьютеров это работает хорошо.

Как я должен модифицировать для адаптивных устройств?

должен ли я помещать мультимедийные файлы один за другим в отдельный файл? и как включить это в файл stylesheet.tpl?