Comments (7)
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.
@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.
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.
@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.
@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.
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.
Oops sorry I forgot to close this issue.
from front-end-checklist.
Related Issues (20)
- Title of videos in details are bigger than other docs/tools titles HOT 3
- Add theme color meta tag (Feature request). HOT 5
- frontendchecklist.io links to NSFW content (thedaviddias.me) HOT 3
- FE_Checklist HOT 1
- Front-End-Chacklist
- Dark Mode for the website HOT 11
- favicons can be SVG HOT 12
- CSS Grid HOT 11
- Image elements do not have explicit width and height HOT 7
- ..
- sudan
- Buttons HOT 13
- Site performance HOT 1
- Extra css category HOT 1
- Suggestion: Add a table of contents for easy navigation. HOT 3
- The Arabic Language HOT 4
- Persian Translation HOT 3
- GA Checker link under SEO->Google Analytics seems to be invalid HOT 2
- Paragraph repeats in README.md HOT 2
- Frontend checklist
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from front-end-checklist.