Comment arrêter le téléchargement de gif sur Chrome / Firefox?

Lorsque je visite une page contenant des animations gif(Google+, 9gag, etc.), toutes celles-ci semblent commencer à se charger. Ma bande passante est limitée et je ne veux pas les télécharger, sauf si je veux vraiment les voir. J'ai vu des plugins qui arrêtent simplement l' animation mais l'image elle-même est téléchargée quand même. 9gag.com avait initialement cette fonctionnalité qui montrait juste une image statique (si c'est un gif animé) et n'a commencé à télécharger qu'après avoir cliqué dessus (ils l'ont supprimée maintenant).

Alors, y a-t-il un plugin qui peut arrêter le téléchargement de gif? Ou dois-je écrire une extension? Toute suggestion?

Je n'ai pas encore d'extension / plugin approprié. J'ai essayé d'utiliser le script utilisateur suivant avec TamperMonkey dans Chrome. Cela fonctionne très bien. Blocage de tous les gifs (y compris les gifs ajax) sur le site 9gag.com. Pour une raison quelconque, les gifs ajax dans google + ne sont pas bloqués (enquête sur cela). Un grand merci à Synetec pour son aide, ses efforts et son code. Voici le script utilisateur (la plupart des scripts sont copiés à partir du script utilisateur de Synetec ):

// ==UserScript==
// @name       gifBlock
// @namespace  http://i.have.no.homepage/
// @version    0.1
// @description  Stops downloading gif images (including ajax gifs) in 9gag.com (or any page if you just fix the @match rule)
// @match      http://*.9gag.com
// @copyright  2012+, Nobody
// ==/UserScript==

function tamperMonkeyWrap()
{   
    function log(m)
    {
        console.log(m);
    }
    function jQWrap($)
    {
        log("Extension execution begins...");

        function blockGifs()
        {        
            $('img').each(function() {
                var $img = $(this),
                    src = $img.attr('src'),
                    w = $img.width(),
                    h = $img.height(),
                    cursor = $img.css('cursor'),
                    parts = src.split('.'),
                    ext = parts[parts.length-1];

                if ($.trim(ext.toLowerCase()) != "gif")
                    return;            

                $img.attr('data-imgurl', src);
                $img.data('cursor', cursor);
                $img.css('cursor', 'pointer');
                $img.addClass('gif-blocked');                
                h = h > 100? h : 100;
                $img.attr('src', '//ipsumimage.appspot.com/'+w+'x'+h+'?l=Gif (Click)');
            }); 
        }

        function interceptAjax () {
            $('body').ajaxComplete(
                function (event, requestData)
                {
                    log("Blocking GIF [Ajax] ...");                
                    blockGifs();
                }
            );
        }

        $(document).ready(function() {
            log("Blocking GIF [Ready]....");
            blockGifs();
            interceptAjax();        
            $(document).on('click', 'img.gif-blocked', function(ev) {            
                var $img = $(this),
                    url = $img.attr('data-imgurl'),
                    cursor = $img.data('cursor');

                $img.attr('src', url);
                $img.css('cursor', cursor);
                $img.removeClass('gif-blocked');
                ev.preventDefault();
                return false;
            });  
        });

        log("Document is not ready yet. trying block just in case it takes time to be _ready_ (google+).");
        blockGifs();
    }

    if (window.jQuery == undefined)
    {
        log("Loading jQuery...");
        var scriptTag = document.createElement('script');
        scriptTag.src = "//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js";
        scriptTag.onload = function(){
            log("jQuery loaded.");
            window.jQuery = jQuery; 
            jQWrap(jQuery);
        };
        document.getElementsByTagName('head')[0].appendChild(scriptTag);
    }
    else
    {
        log("jQuery already included in the page");
        jQWrap(window.jQuery);
    }   
}

var scriptTag = document.createElement('script');
scriptTag.text = '(' + tamperMonkeyWrap.toString() + ')();';
document.getElementsByTagName('head')[0].appendChild(scriptTag);

Maintenant:

1. Installer TamperMonkey
2. Accéder au tableau de bord
3. Cliquez sur 'nouveau script'
4. Collez le code ci-dessus
5. Enregistrez et voyez si cela fonctionne. (ne fonctionne que sur 9gag.com maintenant. Mais vous pouvez modifier la @matchdirective pour qu'elle corresponde à n'importe quel site que vous souhaitez. utiliser @match http://*/*pour fonctionner pour tous les sites (http). Passez à httpspour n'importe quel site http sécurisé, par exemple google +)

Quelques bons addons pour Firefox:

adblock - blocage intelligent des publicités

flashblock - tout flash sera bloqué jusqu'à ce que vous ne cliquiez pas dessus

imgblock - bloque TOUTES les images, partout (peut être avec un clic temporairement désactivé)

ghostery - bloque les sites de réseaux sociaux (ils peuvent faire plus de cent kilo-octets par visite de page!)