Оптимизация И Сео

Добрый день! https://developers.g....ru&tab=desktop
Начинаем решать следующие задачки:
1) Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение (рис. в приложении)

Сергей Иванов (24 Ноябрь 2015 - 19:20) писал:

Начинаете решать ... Здесь уже десятки челов это пытались решить... и я втч ... до сих пор решаем
Напишите как решили... Пока постою послушаю...

В шаблоне HTML найдите:

<!-- Скрипты для главной -->
  {% IF index_page %}
  <link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}jsCarousel.css?design=summer">
<script type="text/javascript" src="{ASSETS_JS_PATH}jsCarousel.js?design=summer"></script>
<script type="text/javascript">
		 $(document).ready(function() {
				 $('.jsCarousel1, .jsCarousel2, .jsCarousel3').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true });
		 });
</script>
  <!-- Слайдер -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}jssor_slider.js?design=summer"></script>
  <script>
	// Запуск слайдера
	$(function(){slideShow()});
	// Запуск слайдера Новостей
	// $(function(){slideNews()});
	// Анимация перед загружаемым объектом
	$(window).on('load', function () {
	  var $preloader = $('.preloader'),
		$spinner   = $preloader.find('.content-loading');
	  $spinner.fadeOut();
	  $preloader.delay(350).fadeOut('slow');
	});
  </script>
  {% ENDIF %}

<!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}forall.js?design=summer"></script>
  <script type="text/javascript" src="{FORALL_STYLES_PATH}fancybox/2.1.5/jquery.fancybox.js"></script>
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=summer"></script>

перенесите их ниже, поставив перед </body>

Блин 4 js ошибки теперь((

Лучше пока отвените изменения, так как у вас функционал магазина не работает и нет возможности ответить по остальным темам.

Отменил)

Тема актуальна) нужна помощь

В шаблоне HTML найдите:

<!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}forall.js?design=summer"></script>
  <script type="text/javascript" src="{FORALL_STYLES_PATH}fancybox/2.1.5/jquery.fancybox.js"></script>
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=summer"></script>
  <!-- В случае их возникновения JS ошибок, отображаем их владельцу магазина для возможности отладки. Покупатели сообщений о JS ошибках не видят -->
  {% IF JAVASCRIPT_BUG_HUNTING_URL %}
	<script type="text/javascript" src="{JAVASCRIPT_BUG_HUNTING_URL}"></script>
  {% ENDIF %}
<!-- Скрипты для страницы товара -->
  {% IF MOD_LNAME = goods || index_page %}
  <script>
		// Запуск скриптов для страницы товара
		$(function(){ goodspage() });
		// Инициализируем табы на странице
		$(function() { initTabs() });
  </script>
  {% ENDIF %}
  <!-- Скрипты для главной -->
  {% IF index_page %}
  <link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}jsCarousel.css?design=summer">
<script type="text/javascript" src="{ASSETS_JS_PATH}jsCarousel.js?design=summer"></script>
<script type="text/javascript">
		 $(document).ready(function() {
				 $('.jsCarousel1, .jsCarousel2, .jsCarousel3').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true });
		 });
</script>
  <!-- Слайдер -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}jssor_slider.js?design=summer"></script>
  <script>
	// Запуск слайдера
	$(function(){slideShow()});
	// Запуск слайдера Новостей
	// $(function(){slideNews()});
	// Анимация перед загружаемым объектом
	$(window).on('load', function () {
	  var $preloader = $('.preloader'),
		$spinner   = $preloader.find('.content-loading');
	  $spinner.fadeOut();
	  $preloader.delay(350).fadeOut('slow');
	});
  </script>
  {% ENDIF %}

перенесите данный блок в самый низ, разместив перед </body>

Ошибок всплывать не должно, протестировала, прежде чем написать инструкцию.

По моиму перестал слайдер загружаться с картинкой напротив него)

Попробуйте почистить кэш браузера, на данный момент браузер отображается и работает корректно:


В шаблоне HTML удалите:

  <link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}jsCarousel.css?design=summer">
<script type="text/javascript" src="{ASSETS_JS_PATH}jsCarousel.js?design=summer"></script>
<script type="text/javascript">
		 $(document).ready(function() {
				 $('.jsCarousel1, .jsCarousel2, .jsCarousel3').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true });
		 });
</script>

а также файлы от сторонней карусели, которую мы ранее с вами устанавливали, сейчас она только за зря "съедает" скорость загрузки сайта.

Ага отлично все!)

А что можно с этим сделать?)

Статья на данную тему с сервисами и программами по сжатию файлов:
http://habrahabr.ru/post/86443/

Только не сжимайте файлы main.js и main.css (jssor_slider.js не сжимайте временно, необходимо доделать слайдер к готовому варианту, потому что после сжатия изменение кода будет крайне проблематичным), они будут часто необходимо для изменений стилей и подобного, их можно сжать, когда вы на 100% уверены, что сайт готов и более изменять его дизайн не будете.

Аааа, тогда нам пока не до этого)