Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Featured Replies

There isn't one. There isn't a "best maximum" for anything to do with a website. There are no figures, no numbers that are optimum. Build your website for a user first, then look at ways you can get the speed down

Most articles I read refer to 4 seconds.

This is based on the statistics that most users willing to wait 4 seconds for the site to load and after that leaves the page.

However I don't have any links to such research so it might be just a myth.

  • 4 months later...

Page load time of a webpage according to Google algorithm is 4 sec. Page load time of 4 sec is acceptable which is basically depend upon on content and type of visitor you are looking for.

  • 3 months later...
  • 4 months later...

There is no particular website loading time as per google.It only states that the loading time of a website also comes into consideration when it assigns the page rank and the serps.

Edited by mindstreakz

Faster the loading time better for your site. So make your site as like that the loading time of your site as less as possible.

Page Speed is blank to rendered time; you can test with Google PageSpeed Insight.

 

I have question too. I'm currently working on a project to see just how fast I can make a page load. I'm now stuck on the final hurdle, the css.

 

On the PageSpeed test it says;

 

"Eliminate render-blocking JavaScript and CSS in above-the-fold content" with a handy link to Optimise CSS Delivery which is where I'm having issues.

 

In this doc they say to use a lite css in the head and the full css at the end. Then they recommend using javascript to load the css. So if I follow this method do I need to include the css at the foot in a <noscript> section for non js browsers? Also using their page test it also says either use a small css link (still classes as blocking) or add the basic stuff in the head using <style> however won't using this method defeat the purpose of external style sheets? Also due to a site being responsive a lot of media queries are used to work for mobile however this would make the base <style> section in the head around 50-60% of all the css in the external style sheet which in my mind is not 'lite'.

 

It always seems like if I get the css to load js style I get a lower user experience but higher page speed and if I load the css straight to the page without js I get 100 user experience but 89/100 page speed :s

 

Edit: OK this makes no sense! I've managed to get a 97/100 for both if I move 80% of my css into a <style> section in the head making an external stylesheet pointless in order to make the grade :s Amazon have war an peace in their head in order to overcome this. Should I just forget it?

Edited by BrowserBugs

Ah so it can be done! Still, messy code :s

The only downside stopping me from 100% is Googles own script, irony eh.

 

Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.

and

Compacting JavaScript code can save many bytes of data and speed up downloading, parsing, and execution time.
Minify JavaScript for the following resources to reduce their size by 661B (3% reduction).

 

post-36527-0-67324100-1402928384_thumb.png

  • 3 weeks later...
Guest
This topic is now closed to further replies.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.