php - 优化 JavaScript CSS 下载

Question

我网站的许多页面都使用 jQuery 和 JSON 以及相同的 CSS，除了少数页面。第一页是用户登录。由于用户需要时间来输入他的用户名和密码，我想在登录期间为整个用户 session 下载所有必需的 JavaScript 和 CSS 文件。如何才能做到这一点？所有页面的标题都相同。如何优化它？

Answer 1

我的想法是在 document.load 之后动态加载 js 和 css 文件。这不会影响登录页面的加载时间，同时还会在用户登录后缓存您的 js 和 css 文件。

如果加载速度更快，您也可以轻松地将其更改为 document.ready。

像这样的东西怎么样？

$(document).load(function() {
    function preloadFile(filename, filetype){

        //For javascript files
        if (filetype=="js"){
            var fileref=document.createElement('script');
            fileref.setAttribute("type","text/javascript");
            fileref.setAttribute("src", filename);
        }

        //For CSS files
        else if (filetype=="css") {
            var fileref=document.createElement("link");
            fileref.setAttribute("rel", "stylesheet");
            fileref.setAttribute("type", "text/css");
            fileref.setAttribute("href", filename);
        }

        document.getElementsByTagName("head")[0].appendChild(fileref)
    }

    //Examples of how to use below
    preloadFile("myscript.js", "js"); 
    preloadFile("javascript.php", "js");
    preloadFile("mystyle.css", "css");
});

引用资料

http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml