早上好......所以我注意到我的网站上有些东西：www.summerlawnsinc.com
HTML5 CSS3，非常标准的响应式模板。 我注意到的是，当页面首次渲染时，主徽标被拉伸，并在加载时向左移动，然后在一秒左右后正确显示。
我已经尝试了几种方法来缓解这种情况，使用各种尺寸并尝试优化图像等......
然而，我有一种感觉，这可能是由于我在页面上加载的大量脚本，我的聊天，googl分析，一些facebook像素跟踪等......
我试图看看我能做些什么来帮助加快页面加载而没有这个＆＃34;打嗝＆＃34;在页面上......
我已经使用了一些在线工具来获得一些指导，但他们似乎没有正确地告诉我有什么帮助......
只是寻找一些提示和指导。
答案 0 :(得分：0)
样式必须首先加载你的js，可能你的js需要时间才能加载你的风格：
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
从您的HTML中删除所有js。 （不好的做法）
对你的html js和css做一个修改。
最小化你的css和js，因为你可以使用grunt。
尝试所有这些并告诉我您是否存档了您想要的内容。好看!!!
已更新，您也会收到此错误：
无法加载资源：服务器响应状态为404 （未找到）（程序）：1'webkitURL'已弃用。请使用'URL' 代替。 http://www.summerlawnsinc.com/fonts/fontawesome-webfont.woff?v=4.2.0 无法加载资源：服务器响应状态为404 （未找到）http://www.summerlawnsinc.com/css/skell.css无法加载 资源：服务器响应状态为404（未找到）