<meta http-equiv="X-UA-Compatible" content="IE=edge">
To mogłoby być słane jako nagłówek HTTP
Dużo za dużo CSS. Najlepiej by było, żeby był jeden główny arkusz + czcionka doczytywana asynchronicznie. Albo wgl: krytyczne style zinline'owane a reszta doczytywana asynchronicznie.
<div class="icons center-block">
<a class="icon fb" href="http://facebook.com" target="_blank"></a>
<a class="icon tw" href="http://twitter.com" target="_blank"></a>
<a class="icon gp" href="http://plus.google.com" target="_blank"></a>
</div>
To jest zbiór odnośników, a więc lista. Dodatkowo [target] raczej się unika: https://pornel.net/target ale i tak najgorsze jest to, że te elementy nie mają treści! Poczytaj sobie o image-replacement: http://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/