Danluu benchmarks numerous websites and discusses their impact on older and/or weaker hardware
    • saddlebag@lemmy.world
      162·
      8 months ago

      I’m all for reducing the size of webpages with garbage bloat but a little CSS for readability on this site would have gone a long way.

      Ps. thanks for sauce

      • morrowind@lemmy.ml
        9·
        8 months ago

        I don’t agree with him, but if you read the last appendix, this mf wrote half an essay on why he prefers to have basically no styling

      • morrowind@lemmy.ml
        20·
        8 months ago

        While reviews note that you can run PUBG and other 3D games with decent performance on a Tecno Spark 8C, this doesn’t mean that the device is fast enough to read posts on modern text-centric social media platforms or modern text-centric web forums. While 40fps is achievable in PUBG, we can easily see less than 0.4fps when scrolling on these sites.

        ಠ▃ಠ

    • mods_are_assholes@lemmy.world
      1·
      8 months ago

      Agreed.

      People seem to forget that in the past you didn’t run a constant antivirus on your computer constantly, and would just occasionally run a scan if suspicious activity happened. At least until malicious web activity became so bad and everyone HAD to run antivirus.

      We are approaching that point for web blockers.

  • Zikeji@programming.devEnglish
    18·
    8 months ago

    My old project I got to architect the frontend ran lean at around 300KB - part of our target audience had older phones so it was designed with that in mind.

    At my new job 22MB is child’s play. To be fair they might do it better with the next version.

  • kingthrillgore@lemmy.ml
    11·
    8 months ago

    I ended up using a static site generator for my personal site because I fucking hate JS and frameworks and WebComponents. The front page is 646 KB and it loads in 4 seconds. I’d love for it to be 1 second or less, but the fonts are a factor.

    And I shrunk the shit out of that background too with pngcrush so miss me with that.

    • autokludge@programming.devEnglish
      9·
      8 months ago

      Haven’t done this type of optimizing in a long time, I had a quick look at the network graph for your front page (F12 dev tools in desktop browser), my understanding is it looks like you are getting blocked from loading additional resources (fonts + background) until your style sheets are fully read --pink line is document loaded i believe.

      It may be worthwhile to experiment with adding some preload links to the html template? or output? like below and assessing if it makes things faster for you.

      <link rel="preload" as="image" href="https://volcanolair.co/img/bg1-ultracompressed.webp" fetchpriority="high">

      <link rel="preload" as="font" href="https://volcanolair.co/fonts/Inter-Regular.woff2">

      <link rel="preload" as="font" href="https://volcanolair.co/fonts/Inter-Bold.woff2">

      ___

    • TCB13@lemmy.worldEnglish
      4·
      8 months ago

      My front page is 613KB with Wordpress. Moral of the story, you don’t have to use a static website generator to have light things.

        • TCB13@lemmy.world
          1·
          8 months ago

          And how do you plan to manage your posts, database etc. and render stuff in those? You still need some backend solution like Wordpress, you can use vue as a frontend library for it… or vanilla JS, or jQuery…

            • TCB13@lemmy.worldEnglish
              1·
              8 months ago

              So… you are aware that FastAPI and Flask will always be significantly slower than Wordpress… because Python, always running processes etc.?

              You’re building a simple website / blog just use Wordpress, it will output most of the pages into plan simple and fast HTML, then add a few pieces of vanilla JS or Vue (if you’re into that) to make things “fluffier”. Why bother with constant XHR requests when you’re just serving simple text pages?

              With Wordpress you’ll also get all the management, roles, permissions, backend for “free” and you can always, like sane people, cache the output of the most visited pages. Wordpress also provides a RESTful API if required.

        • fuzzzerd@programming.dev
          1·
          8 months ago

          Yes. You can. I have a personal site that is using nuxt static site mode and it renders extremely fast and clean output.

    • bufalo1973@lemmy.ml
      3·
      8 months ago

      The fonts can be loaded from another file that ends in the cache, lowering load time next time.

    • flying_sheep@lemmy.ml
      3·
      8 months ago

      I have a pixel 6 and notice some lag in scrolling. Could it be that you don’t use srcsets but instead huge screenshots no matter the device screen?

  • ItsAFake@lemmus.orgEnglish
    8·
    8 months ago

    When ever I used to have issues with my internet I used to use news.com.au as a test to see if the issue was fixed, if that site loaded than anything would.

  • azenyr@lemmy.world
    3·
    8 months ago

    Thats mostly because of the overload quantity of ads, trackers, plugins, integrations, etc all websites have now. Using an adblocker halves your bandwidth usage. If you have a data cap, an adblocker is a must.

    And then, optimization. As an Angular developer, knowing many websites nowadays are Angular or similar, the lack of optimization is a big problem. Most don’t even use lazy loading, not to mention managing the module imports into different components. They import everything into the main component and don’t do lazy loading leading you to websites that have 20-40MB (!!!) of initial load (when you open the website). This is so common that I think junior angular devs will slowly just kill angular popularity and give it a bad look. Takes work to optimize Angular, and many devs don’t care enough and just rush it. And then there are companies that don’t understand that web frameworks need optimization and just underpay devs or rush the dev time.

    Please don’t use Angular (or similar complex web frameworks like Vue or React) if you don’t know how to correctly optimize it, or don’t have time or care for it. And don’t overload your pages with ads and integrations. You are ruining the web.

  • _number8_@lemmy.worldEnglish
    67·
    8 months ago

    if you watch steve jobs’ 2007 iphone keynote it’s incredibly depressing now. he brags about how the iphone can load full, rich webpages instead of awful mobile versions; he loads the NYT website and gets the whole lush landscape desktop version, and taps to zoom in on certain elements. i used to be such a dork and so into tech in high school, it seemed so promising and wondrous.

    i bet jobs could’ve yelled at spez about the API changes and gotten him to relent

    • deweydecibel@lemmy.worldEnglish
      3·
      8 months ago

      i bet jobs could’ve yelled at spez about the API changes and gotten him to relent

      Why would Jobs care? Reddit’s app goes through the app store, Apple gets a cut of any premium users buy on it.

      And why would Spez relent to Jobs? Everything Spez is doing is to get maximum payout from the IPO and then cash out. He doesn’t give a shit about the actual site anymore.

  • 9tr6gyp3@lemmy.world
    312·
    8 months ago

    Don’t worry, a new internet is coming soon. Then we can leave all this behind.