Tag: 延期加载
推迟加载和parsingPrimeFaces JavaScript文件
在分析使用Google PageSpeed的JSF 2.1 + PrimeFaces 4.0 web应用程序的性能时，build议除其他外推迟parsingJavaScript文件。 在带有<p:layout>的testing页面上，以及带有<p:watermark>和<p:fileUpload> ，如下所示： <p:layout> <p:layoutUnit position="west" size="100">Test</p:layoutUnit> <p:layoutUnit position="center"> <h:form enctype="multipart/form-data"> <p:inputText id="input" /> <p:watermark for="input" value="watermark" /> <p:focus for="input" /> <p:fileUpload/> <p:commandButton value="submit" /> </h:form> </p:layoutUnit> </p:layout> 它列出了以下可能被推迟的JavaScript文件： primefaces.js （219.5KiB） jquery-plugins.js （191.8KiB） jquery.js （95.3KiB） layout.js （76.4KiB） fileupload.js （23.8KiB） watermark.js （4.7KiB） 它链接到这个Google Developers文章，其中介绍了延迟加载以及如何实现它。 您基本上需要在window的onload事件期间dynamic创build所需的<script> 。 在最简单的forms下，旧的和bug的浏览器完全被忽略，看起来像这样： <script> window.addEventListener("load", function() […]
CSS交付优化：如何推迟CSS加载？
我正在尝试优化按照开发人员的Google文档的CSS传递 https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery#example 正如你在内嵌一个小CSS文件的例子中看到的那样，头部内联的关键CSS和原来的small.css在页面载入后被加载 。 <html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> </body> </html> <noscript><link rel="stylesheet" href="small.css"></noscript> 我对这个例子的问题： 如何在页面加载后加载一个大的CSS文件？
