• Добрый день. Есть сайт: http://medshvetsmarka.com.ua/wp/1/
    Шапка сайта при первой загрузке грузится несколько секунд… В чем может быть проблема?
    Код хедера ниже:

    <?php if ( ! isset( $_SESSION ) ) session_start(); ?>
    <!DOCTYPE html>
    <!--[if IE 6]>
    <html id="ie6" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 7]>
    <html id="ie7" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 8]>
    <html id="ie8" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
    <html <?php language_attributes(); ?>>
    <!--<![endif]-->
    <head>
    	<meta charset="<?php bloginfo( 'charset' ); ?>" />
    	<title><?php wp_title(); ?></title>
    	<?php elegant_description(); ?>
    	<?php elegant_keywords(); ?>
    	<?php elegant_canonical(); ?>
    
    	<?php do_action( 'et_head_meta' ); ?>
    
    	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    
    	<?php $template_directory_uri = get_template_directory_uri(); ?>
    	<!--[if lt IE 9]>
    	<script src="<?php echo esc_url( $template_directory_uri . '/js/html5.js"' ); ?>" type="text/javascript"></script>
    	<![endif]-->
    
    	<script type="text/javascript">
    		document.documentElement.className = 'js';
    	</script>
    
    	<?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?>>
    
    	<div id="page-container">
    <?php
    	if ( is_page_template( 'page-template-blank.php' ) ) {
    		return;
    	}
    
    	$et_secondary_nav_items = et_divi_get_top_nav_items();
    
    	$et_phone_number = $et_secondary_nav_items->phone_number;
    
    	$et_email = $et_secondary_nav_items->email;
    
    	$et_contact_info_defined = $et_secondary_nav_items->contact_info_defined;
    
    	$show_header_social_icons = $et_secondary_nav_items->show_header_social_icons;
    
    	$et_secondary_nav = $et_secondary_nav_items->secondary_nav;
    
    	$et_top_info_defined = $et_secondary_nav_items->top_info_defined;
    ?>
    
    	<?php if ( $et_top_info_defined ) : ?>
    		<div id="top-header">
    			<div class="container clearfix">
    
    			<?php if ( $et_contact_info_defined ) : ?>
    
    				<div id="et-info">
    				<?php if ( '' !== ( $et_phone_number = et_get_option( 'phone_number' ) ) ) : ?>
    					<span id="et-info-phone"><?php echo esc_html( $et_phone_number ); ?></span>
    				<?php endif; ?>
    
    				<?php if ( '' !== ( $et_email = et_get_option( 'header_email' ) ) ) : ?>
    					<a href="<?php echo esc_attr( 'mailto:' . $et_email ); ?>"><span id="et-info-email"><?php echo esc_html( $et_email ); ?></span></a>
    				<?php endif; ?>
    
    				<?php
    				if ( true === $show_header_social_icons ) {
    					get_template_part( 'includes/social_icons', 'header' );
    				} ?>
    				</div> <!-- #et-info -->
    
    			<?php endif; // true === $et_contact_info_defined ?>
    
    				<div id="et-secondary-menu">
    				<?php
    					if ( ! $et_contact_info_defined && true === $show_header_social_icons ) {
    						get_template_part( 'includes/social_icons', 'header' );
    					} else if ( $et_contact_info_defined && true === $show_header_social_icons ) {
    						ob_start();
    
    						get_template_part( 'includes/social_icons', 'header' );
    
    						$duplicate_social_icons = ob_get_contents();
    
    						ob_end_clean();
    
    						printf(
    							'<div class="et_duplicate_social_icons">
    								%1$s
    							</div>',
    							$duplicate_social_icons
    						);
    					}
    
    					if ( '' !== $et_secondary_nav ) {
    						echo $et_secondary_nav;
    					}
    
    					et_show_cart_total();
    				?>
    				</div> <!-- #et-secondary-menu -->
    
    			</div> <!-- .container -->
    		</div> <!-- #top-header -->
    	<?php endif; // true ==== $et_top_info_defined ?>
    
    		<header id="main-header" data-height-onload="<?php echo esc_attr( et_get_option( 'menu_height', '66' ) ); ?>">
    			<div class="container clearfix et_menu_container">
    			<?php
    				$logo = ( $user_logo = et_get_option( 'divi_logo' ) ) && '' != $user_logo
    					? $user_logo
    					: $template_directory_uri . '/images/logo.png';
    			?>
    
    				<div class="logo_container">
    
    					<span class="logo_helper"></span>
    
    					<a href="<?php echo esc_url( home_url( '/' ) ); ?>"></a>
                       		<?php
                            require_once 'wp-content/plugins/qtranslate-x/qtranslate_compatibility.php';
                             $currentLang = qtrans_getLanguage();?>
                             <?php if ($currentLang == 'ru'): ?>
                                  <div class="logo_1">Русское лого</div>
                             <?php endif; ?>
                             <?php if ($currentLang == 'ua'): ?>
                                 <div class="logo_1">
                                 <div id="left-add">
                                     Лівий берег<br>
                                    +38 (096) 398-34-74<br>
                                    +38 (044) 383-10-12<br>
                                    E-mail: shvets_mark@ukr.net <br>
                                 </div>
                                 <div id="logo-c"><img src="http://medshvetsmarka.com.ua/wp/1/wp-content/uploads/2015/08/лого.png"></img></div>
                                 <div id="right-add">
                                     Правий берег<br>
                                    +38 (096) 398-34-74<br>
                                    +38 (044) 383-10-12<br>
                                    E-mail: shvets_mark@ukr.net <br>
    
                                 </div>
                                 </div>
                              <?php endif; ?>
    
                    </div>  
    
    				<div id="et-top-navigation">
    
    					<nav id="top-menu-nav">
    					<?php
    						$menuClass = 'nav';
    						if ( 'on' == et_get_option( 'divi_disable_toptier' ) ) $menuClass .= ' et_disable_top_tier';
    						$primaryNav = '';
    
    						$primaryNav = wp_nav_menu( array( 'theme_location' => 'primary-menu', 'container' => '', 'fallback_cb' => '', 'menu_class' => $menuClass, 'menu_id' => 'top-menu', 'echo' => false ) );
    
    						if ( '' == $primaryNav ) :
    					?>
    						<ul id="top-menu" class="<?php echo esc_attr( $menuClass ); ?>">
    							<?php if ( 'on' == et_get_option( 'divi_home_link' ) ) { ?>
    								<li <?php if ( is_home() ) echo( 'class="current_page_item"' ); ?>><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php esc_html_e( 'Home', 'Divi' ); ?></a></li>
    							<?php }; ?>
    
    							<?php show_page_menu( $menuClass, false, false ); ?>
    							<?php show_categories_menu( $menuClass, false ); ?>
    
    						</ul>
    					<?php
    						else :
    							echo( $primaryNav );
    						endif;
    					?>
    
    					</nav>
                        <div id="lang"><?php qtrans_generateLanguageSelectCode('image');?></div>
    
    					<?php
    					if ( ! $et_top_info_defined ) {
    						et_show_cart_total( array(
    							'no_text' => true,
    						) );
    					}
    					?>
    
    					<?php if ( false !== et_get_option( 'show_search_icon', true ) ) : ?>
    					<div id="et_top_search">
    						<span id="et_search_icon"></span>
    					</div>
    					<?php endif; // true === et_get_option( 'show_search_icon', false ) ?>
    
    					<?php do_action( 'et_header_top' ); ?>
    				</div> <!-- #et-top-navigation -->
    			</div> <!-- .container -->
    			<div class="et_search_outer">
    				<div class="container et_search_form_container">
    					<form role="search" method="get" class="et-search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    					<?php
    						printf( '<input type="search" class="et-search-field" placeholder="%1$s" value="%2$s" name="s" title="%3$s" />',
    							esc_attr__( 'Search &hellip;', 'Divi' ),
    							get_search_query(),
    							esc_attr__( 'Search for:', 'Divi' )
    						);
    					?>
    					</form>
    					<span class="et_close_search_field"></span>
    				</div>
    			</div>
                <!-- Плавющий график работы -->
    
    		</header> <!-- #main-header -->
    
    		<div id="et-main-area">

Просмотр 15 ответов — с 1 по 15 (всего 15)
  • Уточнение: она грузится дольше чем вся страница. Помогите. Уже все перепробовал… очень нужно и причем срочно( Буду очень благодарен.

    так отключайте функции в шапке по одной и смотрите, когда начнется нормальная загрузка. так, по коду, ничего сказать нельзя.

    Я извиняюсь, пока только учусь, а есть какой-то компилятор или еще что-то, что бы посмотреть пошаговую загрузку страницы?

    понятия не имею.
    это же вы заявили, что у вас именно шапка долго грузится.

    Правильно, но поочередно выключая скрипты проблема осталась, значит проблема не в ней. Или может какой-то скрипт начинает выполнятся раньше и не дает загрузится шапке…Потому хочу проверить, если есть такая возможность… Просто не зависимо от содержимого страницы/типа страницы шапка первый раз грузится несколько секунд((( Может ли это быть связано со стилями, или бред?

    http://medshvetsmarka.com.ua/wp/1/wp-content/uploads/2015/08/banner.png

    затык на этой картинке, которой у вас нет.

    Добавил картинку…
    ничего не изменилось, в плане загрузки, только теперь при прокрутке стало пропадать меню, которое должно оставаться…
    Потом удалил изображение, но всеравно теперь пропадает меню при прокрутке…

    инспектор говорит, что на главной 97 запросов, качается 23Мб трафика, за 5 с лишним секунд. 1.2 секунды тратится на попытку загрузить картинку http://medshvetsmarka.com.ua/wp/1/wp-content/uploads/2015/09/banner.png, для которой код ответа сервера 404 — не найдено.

    чего вы хотите я не понимаю.
    у вас сам сайт сам по себе тормозной.
    то ли из-за темы, то ли из-за хостинга, то ли из-за неоптимизированных картинок.

    ставьте плагин кэширования или меняйте хостинг.

    качается 23Мб трафика, за 5 с лишним секунд.

    Сейчас показывает другие результаты
    14 мб за 8,88 сек.

    6wolf666, это достаточно хорошая скорость (как для такого объёма) и кучи 404.

    Но это ОЧЕНЬ плохой объём страницы и, естественно, 404.

    А какой обьем страницы оптимальный?
    И как можно оптимизировать? И как проверить работает ли плагин кеширования?

    А какой обьем страницы оптимальный?

    Чем меньше тем лучше.
    «Лучшесть» зависит от задач и ЦА сайта. Если это обычный контентный сайт для широкого круга посетителей, то 700-800 кб — это уже много.

    См http://baykonur.kaluga.ru/forum/index.php?showtopic=93
    Дальше простая матиматика. Скорость мобильного интернета — от 128 кбит/сек (можно отталкиваться от 512кбит/сек). И + 20% на разные накладные расходы. Так посчитаете сколько примерно времени нужно пользователю на загрузку страницы Вашего сайта.

    И как можно оптимизировать?

    Оптимизировать картинки прежде всего.
    Ну и избавиться от лишнего.

    Кроме того — избавиться от 404 и сократить запросы с внешних источников (соцсетей, внешних счётчиков и тп)

    И как проверить работает ли плагин кеширования?

    Кеширование не уменьшит объём загружаемых данных. Оно лишь сократит скорость генерации страниц. И то — это вопрос не однозначный.

    Ну плагин то я поставил, а по скорости загрузки страницы ничего не изменилось. Может доли секунды. Потому скорее всего его отключу.
    Извините за банальные вопросы, но я только начинаю серьезно заниматься этим делом…
    Сайт этот для продажи мед одежды и фото должны быть хорошего качества…. Страницы товаров с фотками весят где-то 2-3 мб ето приемлемо?

    Страницы товаров с фотками весят где-то 2-3 мб ето приемлемо?

    Это много. Очень много. Столько не нужно.
    Для превью картинке достаточно быть 25-40.. ну 100 кб. По ссылке на превью, на отдельной странице товара, можно показать более качественную картинку. Но и там 500-700 кб для фото мед одежды — выше крыши.

    Вот нагугено
    http://shop.mela99.com/data/images/1009.jpg — 77 кб
    http://modna.com.ua/images/resource/odezhda/163/5/rosme-123240-66010.jpg — 178 кб. Что, разве не достаточное качество?

    Модератор Yui

    (@fierevere)

    永子

    используйте лайтбокс для хай рез картинок

    вообще возьмите за правило
    что загрузка более 5 секунд воспринимается как долгая
    а выше 10 секунд вызывает раздражение настолько что ваш сайт постараются покинуть

    Всем огромное спасибо.
    Не ожидал, что так поможете и все разложите по полочкам. Очень помогли, много чего нового узнал. Буду оптимизировать. Это моя первая работа надеюсь все будет супер.

Просмотр 15 ответов — с 1 по 15 (всего 15)

Тема «Долго грузится шапка.» закрыта для новых ответов.