加载时一切都会中断一秒钟 CSS & HTML

Question

我刚刚完成我的网站，我发现当我的网站在移动设备上加载时，它会显示“显示文本”格式加上响应菜单闪烁（打开）一秒钟，然后网站完全加载.

CSS 文件链接在头部
JS文件在底部
它显示我 div 在移动设备上设置为 display: none; in CSS 秒

我试着截图了：

我正在尝试找出错误的时间但没有成功。

有什么想法吗？

谢谢

Answer 1

这看起来像 Flash Of Unstyled Content。你的 Javascript 比你的 CSS 需要更多的时间来加载并且你的页面在 Javascript 有时间隐藏东西之前显示。

您可以将 Javascript 放在 <head> 中。
在 CSS 中使用默认样式，稍后将被 Javascript 覆盖。正如@TylerSmith 在评论中所述，如果您希望首先隐藏您的面板，请在 CSS.

display: none

显示加载屏幕，直到 window 的 load 事件为 triggered。

Answer 2

在一段一段地搜索和删除代码后，我发现了一个禁用 wp_emojicons 的函数，由于某种原因它使 CSS 加载延迟。

function disable_wp_emojicons() {

/* all actions related to emojis */
  remove_action( 'admin_print_styles', 'print_emoji_styles' );
  remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
  remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
  remove_action( 'wp_print_styles', 'print_emoji_styles' );
  remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
  remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
  remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );

/* filter to remove TinyMCE emojis */
  add_filter( 'tiny_mce_plugins', 'disable_emojicons_tinymce' );
}

加载时一切都会中断一秒钟 CSS & HTML

On loading everything breaks for a sec CSS & HTML

html

css

responsive-design