php – 优化JavaScript CSS下载

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – 优化JavaScript CSS下载脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些页面为我的网站都使用jQuery和 JSON和相同的CSS,除了几页.第一页是用户登录.由于用户需要时间输入用户名和密码,所以我想在登录期间下载整个用户会话所需的所有 JavaScript和CSS文件.如何才能做到这一点?所有页面标题都相同.如何优化?
我的想法将在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

脚本宝典总结

以上是脚本宝典为你收集整理的php – 优化JavaScript CSS下载全部内容,希望文章能够帮你解决php – 优化JavaScript CSS下载所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: