Coder Social home page Coder Social logo

Comments (7)

thedaviddias avatar thedaviddias commented on April 28, 2024 1

Hi @antarestupin, indeed I put that value at first based on some articles I read times ago. It's something that was already flagged in a previous ticket. I'm planning to review all these points and give more links after I launch the web app πŸ˜‰.

Let's keep the issue open until we review it.

from front-end-checklist.

antarestupin avatar antarestupin commented on April 28, 2024 1

@thedaviddias I'm reading the latest version of Smashing Magazine's performance checklist and I see in the 7th section that they advise precise numbers concerning performance, to be exact:

  • a First Meaningful Paint under 1 second
  • a Time To Interactive under 5 seconds for the "average" configuration (a $200 Android on a slow 3G network with 400ms RTT and 400kbps transfer speed) and under 2 seconds for repeat visits
  • a critical file size under 170Kb gzipped

What do you think of using these numbers as a recommendation, or at least using the same kind of template?

from front-end-checklist.

thedaviddias avatar thedaviddias commented on April 28, 2024 1

Absolutely @antarestupin, I thought about the same thing when I read the performance checklist. Feel free to push some modifications into the README :)

from front-end-checklist.

thedaviddias avatar thedaviddias commented on April 28, 2024

@antarestupin Instead of page weight, maybe response-time is more relevant. We can for example, say "Your response-time need to be inferior to 10 seconds? What do you think? https://www.nngroup.com/articles/website-response-times/

from front-end-checklist.

antarestupin avatar antarestupin commented on April 28, 2024

@thedaviddias I agree, the initial goal should be expressed in term of seconds/ms as it's the actual user experience that you want to specify. But I don't think a strict value should be set in this checklist, because what's really important for the team is to define a goal, achieve it and keep it in consideration when changing things in the app. Then from this goal they can define an ideal page weight using tools like the one I mentioned above.

If you need inspiration for setting such a goal I recommend the RAIL model which defines ideal performance goals (for page load it's 1 second).

from front-end-checklist.

stale avatar stale commented on April 28, 2024

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you have any question, please contact me directly at [email protected]. Thank you for your contributions to that project!

from front-end-checklist.

antarestupin avatar antarestupin commented on April 28, 2024

Oops sorry I forgot to close this issue.

from front-end-checklist.

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.