blog.virgule.info

La nouvelle version de Facebook est super... Enfin, niveau perfs, c'est pire qu'avant. Petit extrait de ce que j'ai vu en allant paramétrer mon compte:

<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/114100/css/editor.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/108397/css/dialog.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/109851/css/account.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/114717/css/components.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/19905/css/typeahead.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/113120/css/typeaheadpro.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/119661/css/dialogpro.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/121512/css/base.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/117220/css/ubersearch.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/111621/css/intl.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/121396/css/presence/presence.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/121073/css/UIContextualHelp.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/118996/css/chat/chat.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/118362/css/chat/status.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/118515/css/status.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/120565/css/menubar.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/121259/css/dropmenu.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/119461/css/universal_search.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/v2/111198/css/locale_footer.css" />
 
<script type="text/javascript" src="/rsrc.php/v2/120365/js/lib/util/alert-extensions.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/121439/js/lib/type/function.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/117084/js/lib/util/stack.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/117662/js/lib/type/string.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/100038/js/lib/string/escape.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119048/js/lib/string/sprintf.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119048/js/lib/util/util.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119473/js/lib/ua/ua.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119182/js/lib/util/bootloader.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/118463/js/lib/event/extensions.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/120977/js/lib/event/onload.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/83911/js/lib/ua/adjust.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/120325/js/lib/event/arbiter.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/121055/js/lib/type/array.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119649/js/lib/type/object.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119649/js/lib/core.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/113691/js/lib/dom/form.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/112639/js/lib/ui/animation.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119951/js/dialogpro.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/87935/js/networks.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/94345/js/network_actions.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/94345/js/editnetworks.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/75963/js/editlanguages.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/112639/js/page/edit_account.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119649/js/lib/prelude.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/121000/js/lib/event/link_controller.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/98848/js/lib/ua/cookie.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/95536/js/lib/string/misc.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/117281/js/lib/string/uri.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/120846/js/lib/math/vector.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/86410/js/lib/math/extensions.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/116287/js/lib/type/list.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/112714/js/lib/util/augment.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/83874/js/lib/dom/html.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/112639/js/lib/dom/misc.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119649/js/lib/dom/dom.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/83478/js/lib/dom/control.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/103430/js/lib/dom/controls/text_input.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/117544/js/lib/dom/controls/text_area.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/120846/js/lib/dom/css.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119185/js/base.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/120645/js/lib/net/async.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/118950/js/intl.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/84002/js/lib/net/async_signal.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/118792/js/key_event_controller.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/120645/js/lib/ui/dialog.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/121439/js/error_data.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/115471/js/support/json.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/105685/js/swfobject.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/120056/js/status.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/116870/js/presence/cookie_manager.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/116870/js/presence/channel.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/120325/js/presence/presence.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/116870/js/presence/updater.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/118362/js/presence/notifications.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119402/js/lib/ui/drag.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/120810/js/lib/ui/sort.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/121055/js/presence/applications.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/93872/js/lib/string/emote.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/117031/js/lib/util/sound.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/116873/js/chat/tabs.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/118996/js/chat/chat_display.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/118362/js/chat/status_control.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/121052/js/lib/ui/typeaheadpro/typeahead_source.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/116870/js/chat/buddy_list_typeahead.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/118362/js/chat/buddy_list.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/121056/js/chat/tabs_slider.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/112492/js/redesign-feedback.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/109415/js/lib/math/rect.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/118468/js/flyout_menu.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/115284/js/menubar.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/121405/js/lib/ui/typeaheadpro.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/119461/js/lib/ui/typeaheadpro/search_typeaheadpro.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/102180/js/lib/ui/typeaheadpro/sources/static_source.js"></script>
<script type="text/javascript" src="/rsrc.php/v2/109250/js/lib/ui/typeaheadpro/sources/search_friend_source.js"></script>

Sérieusement, c'est incroyable. Du jamais vu. Le degré 0 de l'optimisation des performances. Près d'une centaine de fichiers externes, soit autant de requêtes HTTP, chargés dès le <head> (empêchant donc l'utilisateur de voir quoi que ce soit tant que tout ce bordel n'est pas chargé), totalisant plusieurs centaines de kilo-octets de script et CSS. Chez moi, avec firebug activé, ca met plus de 30 secondes à se charger.

Pourtant, les ressources sur le sujet existent. Les solutions sont la. Yen a même qui font des ateliers sur le sujet... Alors, au boulot!