-
Notifications
You must be signed in to change notification settings - Fork 152
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Website Optimization Tracker #179
Comments
@ydidwania Let's get all that you suggested done asap before we think of anything else. Also consider shifting logos and images to resources.wncc-iitb.org after resizing. |
What does this mean? |
https://css-tricks.com/contrast-swap-technique-improved-image-performance-css-filters/
^ This works pretty good.
…On Wed, Apr 4, 2018 at 11:14 PM, Nihal Singh ***@***.***> wrote:
We can use the optimized versions are provided by google, but we must find
a way to do it ourselves.
What does this mean?
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
<#179 (comment)>, or mute
the thread
<https://github.com/notifications/unsubscribe-auth/AXX99rBP4LmWGoiWZ5ggYZ2OrJy2CTC6ks5tlQaNgaJpZM4TG94->
.
|
@alokwhitewolf I think that initially we should be doing more primitive optimizations
+1 to this |
Google already provides the optimized images, CSS and Javascript. Look at the bottom of the page linked |
Let me make a few comments here, as #37 was first raised by me and I've closely followed the site speed and performance.
Why must we find a way to do it ourselves? If they are providing minified CSS/JS, just download and use. What are we losing here again? Apart from that, we have lost the score because of the additional number of images that we have on our front page. Note that these things do not actually make the site anywhere close to noticeably slower, but they potentially can, and that prompts google to give us a bad score. Thus, the two things that are there: minifying scripts and stylesheets and reducing image size, are both not that important to the actual speed. I had tried reducing image size in one PR, no difference. The actual problem with the site is skel.js loader The CSS of the site is not loaded directly, there is a script called
I exactly know how to do these things, but I am not able to find the time, so perhaps give me a ring and I will tell you in detail what to do. |
Sorry, I was referring to only the images here. We cannot use the images given by google forever. |
I'm strongly in favor of not using images optimized by Google, since they will always have terrible JPEG artifacts. A few things that come to mind:
|
Let's just listen to @pulsejet |
can someone help me with what to do? |
@starlord1311 you can start by bringing down sizes of all team member images to < 50 kB each (or lower if there are no significant artifacts). Make sure you're using JPEG. |
how to run the site locally? |
The Google Page Speed Insight gives us a low score on Desktop. Few quick fixes listed include optimizing the images and minifying html, js and css. We can use the optimized versions provided by google, but we must find a way to do it ourselves. Other issues are browser caching and the blocking js tracked in #37
@nihal111 anything else we can do?
The text was updated successfully, but these errors were encountered: