Coder Social home page Coder Social logo

Comments (3)

abstiles avatar abstiles commented on June 16, 2024

Poor performance on sites with many images is, unfortunately, not surprising. When I invert the luminance on a page, I apply a color transformation to every pixel using the -webkit-filter CSS function. This is a significant load for the GPU, and it becomes much worse if Chrome is falling back to software rendering for some reason (if you have hardware acceleration disabled or if Chrome just doesn't like your GPU).

In addition to all of this, though, is that Chrome doesn't really let me exclude images from the inversion. In order to keep images normal, I actually have to apply the opposite transformation to every image I want to restore, and so Chrome ends up doing double the work on each and every image on the page.

And of course, on top of all of this is the fairly complex CSS rules I have to use to make sure stuff looks right. I'm not sure how much of a speed impact that causes (I'm sure it's much less than the luminance inversion), but it's probably non-negligible.

To try to answer your question, the "Invert All Images" mode does the least work of all the inversion modes, but if you actually care about the images on these problematic sites, that probably won't be too helpful. Also important is making sure hardware acceleration is enabled, but note that works best with higher end graphics cards. Lastly, I haven't explored all the settings in chrome://flags, so it may be that something in there might help.

If you can link me an example of a particularly image-heavy page that's giving you trouble, I might be able to tinker with some settings and see if I can find anything that could help. Also I'd love to know if you stumble upon some helpful settings yourself.

from deluminate.

abstiles avatar abstiles commented on June 16, 2024

Alright, I just spent some time trying out all the settings in chrome://flags that seemed relevant, and I was unable to find one that made an appreciable improvement when scrolling on a Google image search page.

If you have no luck either, my suggestion is to use an extension for tweaking the CSS on problematic sites. That sort of thing will always have better performance than a global inverter like Deluminate.

from deluminate.

boneskull avatar boneskull commented on June 16, 2024

@abstiles Thank you for looking into this for me. Can't recall which site it was; I apologize, I should have posted it.

This is a great extension; much better than Hacker Vision. I use this when a dark theme from userstyles.org cannot be found.

from deluminate.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.