Mam wiele stron na mojej stronie internetowej, użyj JQUERY i JSON i tych samych CSS, z wyjątkiem kilku stron. Pierwsza strona to logowanie użytkownika. Ponieważ użytkownik zajmie trochę czasu na wpisanie swojej nazwy użytkownika i hasła, chcę pobrać wszystkie wymagane pliki JavaScript i CSS dla całej sesji użytkownika podczas logowania. Jak można to zrobić? Nagłówek jest taki sam dla wszystkich stron. Jak go zoptymalizować?

12
rohitnaidu19 31 lipiec 2012, 12:23

4 odpowiedzi

Najlepsza odpowiedź

Mój pomysł byłby obciążony plikami JS i CSS dynamicznie po document.load. Nie wpłynąłoby to na czas ładowania strony logowania, a także buforowanie plików JS i CSS po zalogowaniu użytkownika.

Możesz również łatwo zmienić to do document.ready, jeśli ładuje się szybciej dla Ciebie.

A co z czymś takim?

$(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");
});

Bibliografia

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

16
Undefined 31 lipiec 2012, 08:49
  • Dodaj wszystkie swoje CSS / JavaScript na stronie logowania.
  • Umieść wszystkie CSS na górze w sekcji głowy.
  • Umieść wszystkie swoje javascripts na dole.
  • Dokonaj również JavaScripts i CSS jako pliki zewnętrzne, ponieważ są buforowane przez przeglądarkę (zamiast pisać wbudowany JavaScript i CSS na stronie).

  • Miniginuj JavaScript i CSS

UPDATE 2

Ładowanie pocztowe JS i CSS można również zrobić za pomocą Yui Get Utility

Aby uzyskać więcej informacji, spójrz na to Yahoo: Najlepsze praktyki do optymalizacji witryny

6
Anand 31 lipiec 2012, 08:48

Chcę pobrać wszystkie wymagane pliki JavaScript i CSS dla całej sesji użytkownika podczas logowania

<title>Login</title>
<script src="foo.js"></script> <!-- This line might be better placed just before </body> -->
<link rel="stylesheet" type="text/css" href="foo.css">
3
Quentin 31 lipiec 2012, 08:25

Polecam asynchroniczny ładowarki na e.g. wymagać.

Po utworzeniu i skompresowaniu JavaScript i CSS przypisz ładunek do zdarzenia, na przykład, gdy użytkownik skupia się na polu Nazwa użytkownika.

Facebook wykorzystuje podobną sztuczkę z ich typeatami: Ładowanie danych istotnych dla użytkownika, gdy pole wyszukiwania przynosi ostrość.

2
hedgehog 31 lipiec 2012, 08:34