避免在直接控制之外的渲染阻止CSS / JS

时间:2016-12-26 22:32:07

标签: javascript css pagespeed

我在一个名为Smoolis的平台上运行一个网站。 他们的部分设置涉及一系列css和js文件,这些文件被谷歌描述为渲染阻止 - 我的页面为http://www.csselectronics.com/

一个例子是文件workspace.core.baf8814.min.js,它是1 MB并且驱动了很大一部分问题 - 但它放在标题中,我无法编辑它,因为它是平台的一部分。

是否有一些改进设置的解决方法,例如通过一些智能代码同时加载此文件与其他材料?我能够在标题中输入其他代码,我只是无法改变一些CSS / JS文件的加载方式。

1 个答案:

答案 0 :(得分:1)

也许你可以尝试一下(我用它有很好的效果)

有一个关键的css文件(包含withs和high的基本定义(包括页眉和页脚),以及其他样式,

所以,例如在PHP中,它就像是这样

<html>
    <head>
       <style type="text/css"><?php include ('css/critical.css'); ?></style>
       <link rel="stylesheet" href="css/other_styles.css">
</head>
<body>...</body>
</html>

根据我的经验,我可以告诉你,谷歌网页速度得分平均为10-20 +(取决于以前的得分)