Since Modernizr.load and Yepnope are asynchronous loaders, is it better performance-wise to use them in the <head>
or at the end of the page?
相关问题
- Is there a limit to how many levels you can nest i
- How to toggle on Order in ReactJS
- void before promise syntax
- Keeping track of variable instances
- Can php detect if javascript is on or not?
It depends on the resources being loaded. See this thread where Yepnope developer Alex Sexton says to combine all the resources into one call to the loader. In practice, if any of the resources you want to load with
Modernizr.load
orYepnope
affect what the user sees or needs when the page first loads, then IMO in most cases you want to call the loader after your critical resources but still in the<head>
.Comment from yeapnope developer:
I think it is better to load them in the bottom page.
Modernizer and Yepnope need first be loaded in the page to load other scripts. So, when you add the
<script src="modernizer.js">
you are blocking the rendering time in the browser. That happens because the browser stop all rendering while the script is downloading, compiling and executing.As yahoo and google says defer loading scripts is always good.