0

javascript を使用してファイル ファイルを非同期にロードしようとしています。コードは次のとおりです。

        var jsFiles = [ 'js/enscroll.min.js', 
                        'js/jp_custom.js', 
                        'js/jquery.uploadifive.js', 
                        'js/raphael-min.js', 
                        'js/pgloader.js', 
                        'js/jquery.custom.js' ];

        for( var i=0, j=jsFiles.length; i < j; i++ ){
            var file = jsFiles.shift();
            asyncLoader(file, i);
        }

        function asyncLoader( filename, position, fileType ){
            var type = typeof fileType == "undefined" ? "script" : fileType, 
                resource = document.createElement(type), 
                script = document.getElementsByTagName(type)[position+1];

            resource.src  = filename;
            resource.type = "text/javascript";

            script.parentNode.insertBefore(resource, script);
        }

ファイルの上部にあるタグの意味の下でこのコードを<head></head>使用しています。ファイルに関連する機能を使用する方法は次のとおりです。

$(function(){
    $(window).load(function(){
        // Start to use the related files
    });
})

ウィンドウをロードした後、ファイルが正常に機能するように、ページの下部にある、これがページのロード時間を短縮するための最良の方法であることを知りたいだけです(javascriptのみ)? またはそれをより効率的にするために私はそれで何をしなければなりませんか？

4

0 に答える 0