www.webdeveloper.com
Results 1 to 3 of 3

Thread: css techniques for images/graphics -question

Hybrid View

  1. #1
    Join Date
    Oct 2013
    Posts
    5

    css techniques for images/graphics -question

    Sprites, repeat background image effects, svg/base64, pseudo element/selectors that eliminate doc. markup, etc. Do these really make a difference in the speed of a site, mobile site?

    There are so many blogs and large, static pages around, it seems contradictory (for use of a better word), whether I use one div or three to make a module, or use a sprite or background image, in terms of the user experience, not semantics.

    Thanks for any real world opinions.

  2. #2
    Join Date
    Mar 2011
    Posts
    1,148
    Of course, many factors affect page loading speed, but nothing has such a direct impact as the number and size of external resources that the page requires. So it's always best practice to take reasonable steps to minimize the number of external resources and keep the size of those external files as small as practical.

    Blogs are generally built on software platforms that are designed to make them easy to use by less experienced webmasters and to make it easy to install add-ons, each of which usually require a handful of additional external files. Blogs have many good points, but they are definitely not built for speed and shouldn't be considered as an example of how to build a great general-purpose website.

    Google offers a nifty tool for evaluating a webpage's loading speed at https://developers.google.com/speed/pagespeed/insights/ It will evaluate the page and offer specific advice for making improvements. Check it out.

  3. #3
    Join Date
    Oct 2013
    Posts
    5
    Thank you, that is helpful.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles