Появляется карта сайта на 1-2 сек. при загрузке сайта, как исправить?

Question

MadDeee @MadDeee

Появляется карта сайта на 1-2 сек. при загрузке сайта, как исправить?

Всё началось после того как я сделал шапку сайта (картинка, кнопки). И теперь перед загрузкой страницы, появляется карта сайта и кнопки на 1-2 секунды. В чем может быть проблема? вот сайт ocdod174.ddns.net

p.s. когда убираю полностью хедер, оставляю только меня, всё грузится на ура.

Вопрос задан более трёх лет назад
299 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

1 комментарий

Пригласить эксперта

Ответы на вопрос 3

3 комментария

4 комментария

MadDeee @MadDeee Автор вопроса

Я так сказать чайник в этом деле. Но как я знаю, то у всех CMS WordPress меню одинаково выводит

Написано более трёх лет назад
Егор Живагин @Krasnodar_etc

MadDeee, а, так это он меню рисует? Киньте скрипты в head тогда

Написано более трёх лет назад

MadDeee @MadDeee Автор вопроса

<?php

/**
 * The header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content">
 *
 * @package Merlin
 */
 
// Get Theme Options from Database
$theme_options = merlin_theme_options();
	
?><!DOCTYPE html>
	

<html <?php language_attributes(); ?>>

<head>
<meta 
	name="sputnik-verification" 
	content="pDubFfZrNFoTcDPW"
/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
	
	<div class="hexample2">
	<div class="header-widgets clearfix">
					
					<?php // Display Header Widgets
					if( is_active_sidebar('header') ) : 
			
						dynamic_sidebar('header');
						
					endif; ?>
					
				</div><!-- .header-widgets -->
	</div>
	<nav id="main-navigation" class="primary-navigation navigation clearfix" role="navigation">
				<?php 
					// Display Main Navigation
					wp_nav_menu( array(
						'theme_location' => 'primary', 
						'container' => false, 
						'menu_class' => 'main-navigation-menu', 
						'echo' => true, 
						'fallback_cb' => 'merlin_default_menu')
					);
				?>
			</nav><!-- #main-navigation -->
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

	<div id="page" class="hfeed site">
		
		<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'merlin' ); ?></a>
		
		<header id="masthead" class="site-header clearfix" role="banner">
			
		
			


			
			
			<?php // Display Custom Header Image
			merlin_header_image(); ?>
	
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter44510902 = new Ya.Metrika({
                    id:44510902,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true,
                    webvisor:true
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/44510902" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
		</header><!-- #masthead -->

		<div id="content" class="site-content container clearfix">


<script type="text/javascript">
       (function(d, t, p) {
           var j = d.createElement(t); j.async = true; j.type = "text/javascript";
           j.src = ("https:" == p ? "https:" : "http:") + "//stat.sputnik.ru/cnt.js";
           var s = d.getElementsByTagName(t)[0]; s.parentNode.insertBefore(j, s);
       })(document, "script", document.location.protocol);
    </script>

<meta 
	name="sputnik-verification" 
	content="pDubFfZrNFoTcDPW"
/>

Это всё содержимое файла header.php

Написано более трёх лет назад

Mikhail Derkach @skeevy

MadDeee, что подключается в хедер через functions.php?

Написано более трёх лет назад

3 комментария

MadDeee @MadDeee Автор вопроса
<meta name="sputnik-verification" content="pDubFfZrNFoTcDPW" />

Если про это, то это "СПУТНИК" для анализа посещаемости и просмотра сайта
Написано более трёх лет назад
akavato @akavato

Я имел ввиду это:
"meta charset="UTF-8""
"meta name="viewport" content="width=device-width, initial-scale=1""
Эти тэги должны быть в head.
/По сути вопроса: это меню до стилизации грузится, нужно загрузку css поднять выше, чтобы грузилось сразу правильно, или добавить прелоадер.

Написано более трёх лет назад
MadDeee @MadDeee Автор вопроса

akavato, поднял в CSS стилистику меню в самый верх, проблема осталась...

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+2 ещё

Простой
Как не вызывать получения данных из redux много раз?
- 1 подписчик
- 4 часа назад
- 27 просмотров
0

ответов
Веб-разработка

Простой
Какие технологии использовать для разработки встраиваемого live chat'a?
- 1 подписчик
- 19 часов назад
- 171 просмотр
2

ответа
JavaScript

Простой
Почему нет доступа к данным из callback?
- 1 подписчик
- 22 часа назад
- 83 просмотра
0

ответов
CSS

Простой
Как можно расположить картинки, чтобы было как на макете?
- 1 подписчик
- вчера
- 110 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как одновременно получить данные из callback и передать их в callback?
- 1 подписчик
- вчера
- 80 просмотров
0

ответов
WordPress

Средний
Как добавить футер на wp?
- 1 подписчик
- 14 февр.
- 55 просмотров
1

ответ
HTML

+1 ещё

Простой
Что не так с вёрсткой кнопок?
- 1 подписчик
- 14 февр.
- 198 просмотров
2

ответа
Веб-разработка

+2 ещё

Простой
Как переназнать доменное имя новому сайту?
- 1 подписчик
- 14 февр.
- 299 просмотров
4

ответа
HTML

+1 ещё

Простой
Как сменить цвет символа без тега и класса?
- 1 подписчик
- 14 февр.
- 119 просмотров
3

ответа
Веб-разработка

Средний
Как реализовать на сайте просмотр 3д моделей, которые загружает пользователь?
- 2 подписчика
- 13 февр.
- 245 просмотров
1

ответ
Показать ещё Загружается…

Бэкэнд-разработчик JavaScript

Wanted. • Москва

от 250 000 до 400 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Senior Frontend (JavaScript) разработчик

Vital Partners

от 350 000 до 420 000 ₽

Надо найти рабочую связку ustd/uzs и рассказать как ее проворачивать

16 февр. 2025, в 17:15

1000 руб./за проект

Docker на развертывание Django + React

16 февр. 2025, в 15:54

2500 руб./за проект

Написание нейросети на Python или C++ для анализа ЭКГ сигналов

16 февр. 2025, в 11:06

15000 руб./за проект

Answer 1 · 2018-02-27 13:58:02

Это называется FOUC – Flash Of Unstyled Content. Происходит он потому что у вас невалидный и кривой HTML, менюшка ваша выводится в HEAD (где ее быть не может по определению, только в BODY), и до CSS. Отсюда и проблема – сначала браузер выплевывает HTML-разметку, а потом спохватывается, что вот еще стили есть, берет их и перерисовывает страницу.

И да, счетчики эти всякие и прочие говноскрипты смело ставьте в футер, а еще лучше асинхронно и с задержкой. Раньше их выполнять не стоит.