Можно ли перенести стили скрипты в footer?

Question

[RushV]

Здравствуйте!
Можно ли перенести стили и скрипты в footer ?

Answer 1

[Павел]

Можно все. Но придется делать вручную. В опенкарте много скриптов написано в середине нужного шаблона (модуля или страницы), например всякие слайдеры, лайтбоксы и т.д. И они перестанут работать, если вы из хедера в футер перенесете библиотеку необходимую для них, owl carousel или вообще jQuery. Если вы все это делаете, чтоб угодить google page speed insight, я бы не советовал таким заниматься. Выиграть пару баллов и сломать сайт.. оно того не стоит

Comments

[web-mehanik]

при верной реализации скрипты подключаются в контроллере и выводятся в этом случае в хеадере, а не в середине шаблона

[Павел]

amfetamine: мне пока не попадалось ни одной готовой темы с "верной реализацией".. всегда шаблон модуля выглядит примерно так

<div id="carousel<?php echo $module; ?>" class="owl-carousel">
  <?php foreach ($banners as $banner) { ?>
  <div class="item text-center">
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
    <?php } else { ?>
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" />
    <?php } ?>
  </div>
  <?php } ?>
</div>
<script type="text/javascript"><!--
$('#carousel<?php echo $module; ?>').owlCarousel({
	items: 6,
	autoPlay: 3000,
	navigation: true,
	navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	pagination: true
});
--></script>

И если перенести все библиотеки вниз, то все перестанет работать.

[web-mehanik]

Павел: во-первых тут нет стилей, во вторых достаточно блок с js обернуть в $(document).ready(); чтобы все корректно работало

[Павел]

amfetamine: про стили я не писал) Стили вообще ,как по мне, не нужно в футер перетаскивать. Если хостинг медленный, пользователь до полусекунды будет на уродство смотреть) И, если я ничего не путаю, это даже не валидно. А про $(document).ready(); я чего-то не подумал. Буду знать.