Как адаптировать витринные страницы темы ThemeForest Fancy Shop для ускорения их загрузки

[10 ноября 2016 г.]    Российская сборка Magento 2.49.12
Magento 2: модули и услуги
#1 Дмитрий Федюк
  • Администратор
  • Иконка
  • Группа: Администратор
  • Сообщений: 8884
  • Регистрация: 20.02.2010

04.11.2013 21:41

Загрузку витринных страниц оформительской темы ThemeForest Fancy Shop можно ускорить в несколько раз выполнением следующей инструкции:
  • Правки для файла app/design/frontend/default/forest_fancyshop/template/page/html/head.phtml:
    • Удалите код:
      <script type="text/javascript" src="<?php echo $this->getSkinUrl('js/respond.src.js') ?>"></script>	
      <link type="text/css" rel="stylesheet" href="<?php echo $this->getSkinUrl('css/responsive.css');?>"/>
      
      <link rel="stylesheet" href="<?php echo $this->getSkinUrl('msslider/slider1/jshowoff.css');?>"/>
      <script type="text/javascript" src="<?php echo $this->getSkinUrl('msslider/slider1/jquery.jshowoff.min.js') ?>"></script>	
      <script type="text/javascript" src="<?php echo $this->getSkinUrl('msslider/slider1/jquery.jshowoff.js') ?>"></script>

    • Удалите код:
      <link type="text/css" rel="stylesheet" href="<?php echo $this->getSkinUrl('msslider/slider2/skin.css');?>" />  
      <link type="text/css" rel="stylesheet" href="<?php echo $this->getSkinUrl('msslider/slider2/skin1.css');?>" />  
      <link type="text/css" rel="stylesheet" href="<?php echo $this->getSkinUrl('msslider/slider2/skin3.css');?>" /> 
      <link type="text/css" rel="stylesheet" href="<?php echo $this->getSkinUrl('msslider/slider2/skin4.css');?>" /> 
      <link type="text/css" rel="stylesheet" href="<?php echo $this->getSkinUrl('msslider/slider2/skin5.css');?>" />
      <script type="text/javascript" src="<?php echo $this->getSkinUrl('msslider/slider2/jquery.jcarousel.min.js') ?>"></script>   
      <script type="text/javascript" src="<?php echo $this->getSkinUrl('js/script.js') ?>"></script>	
      
      <link type="text/css" rel="stylesheet" href="<?php echo $this->getSkinUrl('dorpdown/style.css');?>"/>

    • Удалите код:
      <link rel="stylesheet" type="text/css" href="<?php echo $this->getSkinUrl('dorpdown/cartdropdown.css') ?>" />    
      <script type="text/javascript" src="<?php echo $this->getSkinUrl('dorpdown/cartdropdown.js');?>"></script>
      
      <link rel="stylesheet" type="text/css" href="<?php echo $this->getSkinUrl('msverticalcollapse/verticalcollapse.css') ?>" />
      <script type="text/javascript" src="<?php echo $this->getSkinUrl('msverticalcollapse/jqvertical.js');?>"></script>
      <script type="text/javascript" src="<?php echo $this->getSkinUrl('msverticalcollapse/vertical.js');?>"></script>
      
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

  • Добавьте в файле app/design/frontend/default/forest_fancyshop/layout/tempmela.xml сразу после тега <default> (можно на строке 9) следующий код:
    <reference name='head'>
        <action method='addCss'><stylesheet>css/responsive.css</stylesheet></action>
        <action method='addCss'><stylesheet>msslider/slider1/jshowoff.css</stylesheet></action>
        <action method='addCss'><stylesheet>msslider/slider2/skin.css</stylesheet></action>
        <action method='addCss'><stylesheet>msslider/slider2/skin1.css</stylesheet></action>
        <action method='addCss'><stylesheet>msslider/slider2/skin3.css</stylesheet></action>
        <action method='addCss'><stylesheet>msslider/slider2/skin4.css</stylesheet></action>
        <action method='addCss'><stylesheet>msslider/slider2/skin5.css</stylesheet></action>
        <action method='addCss'><stylesheet>dorpdown/style.css</stylesheet></action>
        <action method='addCss'><stylesheet>dorpdown/cartdropdown.css</stylesheet></action>
        <action method='addCss'><stylesheet>msverticalcollapse/verticalcollapse.css</stylesheet></action>
        <action method='addItem'><type>skin_js</type><name>js/respond.src.js</name></action>
        <action method='addItem'><type>skin_js</type><name>msslider/slider1/jquery.jshowoff.js</name></action>
        <action method='addItem'><type>skin_js</type><name>msslider/slider2/jquery.jcarousel.min.js</name></action>
        <action method='addItem'><type>skin_js</type><name>js/script.js</name></action>
        <action method='addItem'><type>skin_js</type><name>dorpdown/cartdropdown.js</name></action>
        <action method='addItem'><type>skin_js</type><name>msverticalcollapse/jqvertical.js</name></action>
        <action method='addItem'><type>skin_js</type><name>msverticalcollapse/vertical.js</name></action>
    </reference>

  • В файле skin/frontend/default/<вариант оформительской темы>/msverticalcollapse/jqvertical.js замените всё содержимое на
    var $mav = jQuery;

  • Включите стандартное для Российской сборки Magento объединение файлов CSS и JavaScript, указав «да» значением следующих опций:
    • «Система» → «Настройки» → «НАСТРОЙКИ ПОВЫШЕННОЙ СЛОЖНОСТИ» → «Для разработчика» → «Настройки JavaScript» → «Объединить файлы JavaScript»
    • «Система» → «Настройки» → «НАСТРОЙКИ ПОВЫШЕННОЙ СЛОЖНОСТИ» → «Для разработчика» → «Настройки CSS» → «Объединить файлы CSS»


Поделиться темой: