Prestashop页面速度预加载

问题描述

为了使站点更快，我对样式表和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) && $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文件中？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）