All Things Techie With Huge, Unstructured, Intuitive Leaps
Showing posts with label good web design practices. Show all posts
Showing posts with label good web design practices. Show all posts

The Worst Possible, Lamest Button To Have On Your Website


Back in the good old daze of the internet, when things were actually quite rotten, most users had slow-as-molasses dial-up connections. This is going back to the 1990's.  The brightest and best designs of the day optimized this with a splash page that told you what the internet site that you were visiting was all about.  If you still wanted to proceed to a content-rich site, you pressed the "Enter Site" button and waited ... and waited .... and waited. There was good reason why WWW stood for World Wide Wait.

Flash ahead to the present. We have tremendous internet speeds, even on mobile devices. The "Enter Site" button made its debut before phones had browsers.

So what does the "Enter Site" button tell you about a website? It tells you that the content manager or the chief web designer is a 50-something old fart who remembers that the coolest thing on the internet was a picture of a coffee pot in a UK university that refreshed every 15 minutes, and took forever to load.

Having an "Enter Site" button is the worst possible, lamest button to have on your site. It screams "Welcome to Fogeyville. Site last updated in 1998".

So, who still has this lame UIX button? I blurred the pic to make it unidentifiable, but I have changed my mind. It is the site for the Aviva Premiership Rugby and can be found at this URL:

http://www.premiershiprugby.com/

Maybe someday the Scrooges who run the joint will be able to attract some young interns who will refresh the site for free.

27 Ways To Make Your Webpages Load Faster



 27 ways to make your webpages load faster


  1. Avoid a character set in the meta tag 
  2. Avoid bad requests
  3. Avoid CSS @import 
  4. Avoid landing page redirects
  5. Combine images using CSS sprites 
  6. Defer parsing of JavaScript 
  7. Enable gzip compression 
  8. Enable Keep-Alive 
  9. Inline small CSS 
  10. Inline small JavaScript 
  11. Leverage browser caching
  12. Minify CSS 
  13. Minify HTML
  14. Minify JavaScript
  15. Minimize redirects 
  16. Minimize request size 
  17. Optimize images
  18. Optimize the order of styles and scripts 
  19. Prefer asynchronous resources
  20. Put CSS in the document head 
  21. Remove query strings from static resources 
  22. Serve resources from a consistent URL 
  23. Serve scaled images 
  24. Specify a cache validator 
  25. Specify a character set early 
  26. Specify a Vary: Accept-Encoding header
  27. Specify image dimensions 
Hope this helps.