Question

我有一个我正在使用的rails 4应用程序并将其推送到heroku。当我渲染新的视图时，我会在页面加载之间随机闪烁，包括我的application.html中的顶部栏，所以我认为它不应该有很长的加载时间。我认为这是由于页面呈现的速度，但我不确定。我正在使用基础Zurb所以我禁用了turbo-links。有什么方法可以解决这个/可能导致这种情况发生的原因吗？下面是应用程序HTML和我的应用程序的链接。

http://kaizano.herokuapp.com/

<!DOCTYPE html>
<html>
  <head>
    <title>
      <%= content_for?(:title) ? yield(:title) : "Kaizano" %>
    </title>
    <%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>
    <%= stylesheet_link_tag "application" %>
    <%= javascript_include_tag "vendor/modernizr" %>
    <%= csrf_meta_tags %>
    <link rel="stylesheet" href="css/foundation-icons.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body class="page-body">
    <nav class='top-bar' data-topbar>
      <ul class="title-area">
        <li class="name">
          <h1 class="title-font"><%= link_to "Kaizano", root_path %></h1>
        </li>
        <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
      </ul>
      <div class="fixed">
      <section class="top-bar-section">
        <ul class="right">
          <% if user_signed_in? %>
            <li><%= link_to "Join a Presentation", events_path %></li>
            <li><%= link_to "Me", user_path(current_user) %></li>
            <li><%= link_to "Sign out", destroy_user_session_path, :method => :delete %></li>       
            <li class="has-dropdown">
              <a href="#">More</a>
              <ul class="dropdown">
                <li><%= link_to "How it Works", how_it_works_path %></li>
                <li><%= link_to "About", learn_mores_path %></li>
                <li><%= link_to "Contact Us",new_contact_form_path %></li>
              </ul>
            </li>
          <% else %>
            <li><%= link_to "Join a Presentation", events_path %></li>
            <li><%= link_to "About", learn_mores_path %></li>
            <li><%= link_to "Sign Up",new_user_registration_path %></li>
            <li><%= link_to "Sign In",new_user_session_path %></li>      
            <li class="has-dropdown">
              <a href="#">More</a>
              <ul class="dropdown">
                <li><%= link_to "How it Works",how_it_works_path %></li>
                <li><%= link_to "Contact Us",new_contact_form_path %></li>
              </ul>
            </li>
          <% end %>
        </ul>
      </section>
    </nav>
    <%= yield %>
 o</body>
</html>

Answer 1

考虑将您的javascript include标记移动到正文的底部。并按照https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fkaizano.herokuapp.com%2F&tab=desktop或yslow

的提示进行操作

Rails页面无法正确呈现，在中间加载闪烁

1 个答案: