1485 sujets

Web Mobile et responsive web design

Alors voilà mon petit site est en ligne !

J'obtient 95% en desktop et 90% en mobile donc forcément j'aimerais beaucoup améliorer ce dernier résulat !

Il me met un message qui dit :

"Différer l'analyse du code JavaScript

By minimizing the amount of JavaScript needed to render the page, and deferring parsing of unneeded JavaScript until it needs to be executed, you can reduce the initial load time of your page.
Learn more

Suggestions for this page

268,7 Ko du code JavaScript est analysé lors du chargement initial de la page. Différez l'analyse de ce code pour éviter que la page ne se bloque.
https://apis.google.com/.../rs=AItRSTPmONG5EcGSvyPz8ty-9C7u8BR8PQ (99,5 Ko)
https://plusone.google.com/.../rs=AItRSTMGDzc6boATb4NY1U_07JZhvgLSzg (46,5 Ko)
http://widgets.twimg.com/j/2/widget.js (37,4 Ko)
http://platform.twitter.com/.../tweet_button.1340179658.html (ressources JavaScript intégrées : 22 Ko)
http://static.ak.facebook.com/.../xd_arbiter.php?... (ressources JavaScript intégrées : 20,8 Ko)
https://s-static.ak.facebook.com/.../xd_arbiter.php?... (ressources JavaScript intégrées : 20,8 Ko)
http://ingridthonet.com/.../modernizr-2.5.3-respond-1.1.0.min.js (15,2 Ko)
http://www.facebook.com/.../like.php?... (ressources JavaScript intégrées : 2,5 Ko)
https://plusone.google.com/.../fastbutton?... (ressources JavaScript intégrées : 1,6 Ko)
http://ingridthonet.com/js/script.js (1,3 Ko)
http://ingridthonet.com/index.html (ressources JavaScript intégrées : 1 Ko)"


Or ça fait des kilomètres de pages que j'arpente et que je ne trouve pas de solutions claires !!!
J'ai essayé le "defer=defer" qui ne change rien !!!

Je début mais me vend carrément sur le Mobile first et Responsive : HELP-ME PLEASE !!!!

NB : J'ai aussi le
"Spécifier un en-tête "Vary: Accept-Encoding"" que je retrouve souvent cité sans grande solutions

et le "Spécifier une technique de mise en cache
By specifying a cache validator - a Last-Modified or ETag header - you ensure that the validity of cached resources can efficiently be determined" alors que dans mon htaccess (j'uitilise celui de boilerplate) j'ai quand même un code qui dit
# FileETag None is not enough for every server.
<IfModule mod_headers.c>
Header unset ETag
</IfModule>

# Since we're sending far-future expires, we don't need ETags for
# static content.
# developer.yahoo.com/performance/rules.html#etags
FileETag None…

Aheum clémence par pitié, je débute… Smiley lol Smiley rolleyes
Oui Smiley confus c'est grave Smiley ohwell ?

(NB : tout n'est pas calé pour le moment je me suis attachée plus au fond qu'à la forme…)
Non c'est juste pour être sûr, quand on est débutant on fait parfois des liens sur des fichiers qui se trouve sur d'autres sites, c'est mal. Je jetterai un coup d'œil ce soir ou demain. Smiley cligne
Salut,

J'ai (enfin) été voir ton site, c'est mieux de placer tes scripts en fin de page avant le </body>… Je ne sais pas si le async va améliorer les choses. Smiley cligne

Il est possible d'utiliser un seul script (optimisé) pour ajouter tous les boutons :

/*
* Updated to use the function-based method described in  http://www.phpied.com/social-button-bffs/
 
* Better handling of scripts without supplied ids.
*
* N.B. Be sure to include Google Analytics's _gaq and Facebook's fbAsyncInit prior to this function.
*/
(function(doc, script) {
    var js,
        fjs = doc.getElementsByTagName(script)[0],
        add = function(url, id) {
            if (doc.getElementById(id)) {return;}
            js = doc.createElement(script);
            js.src = url;
            id && (js.id = id);
            fjs.parentNode.insertBefore(js, fjs);
        };

    // Google Analytics
    add(('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js', 'ga');
    // Google+ button
    add('https://apis.google.com/js/plusone.js');
    // Facebook SDK
    add('//connect.facebook.net/en_US/all.js', 'facebook-jssdk');
    // Twitter SDK
    add('//platform.twitter.com/widgets.js', 'twitter-wjs');
}(document, 'script'));


Plus d'infos
Modifié par Patidou (13 Aug 2012 - 10:55)