1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How can I increase site speed without reducing image quality?

Discussion in 'Black Hat SEO' started by abusaeed, May 8, 2017.

  1. abusaeed

    abusaeed Newbie

    Joined:
    May 12, 2016
    Messages:
    3
    Likes Received:
    0
    Hi, I have a photography site my site "page speed" is only 39 out of 100. there are no js error, no HTML error. Google page speed checker suggest me to reduce my image quality but it is a photography site and image is main focused.

    My all images are "save for web".

    So, How can i increase site speed without reducing image quality?
     
  2. bossofthebosses

    bossofthebosses Jr. VIP Jr. VIP

    Joined:
    Feb 7, 2015
    Messages:
    685
    Likes Received:
    275
    is it shared hosting or dedicated hosting?
     
  3. crack_dhat

    crack_dhat Power Member

    Joined:
    Oct 4, 2009
    Messages:
    529
    Likes Received:
    244
    i haven't tried it but you can try imagify.io

    what I'm currently using is photon of jetpack for image optimization but there's a bit of image quality loss
     
    • Thanks Thanks x 1
  4. AneaKr

    AneaKr Jr. VIP Jr. VIP

    Joined:
    Oct 15, 2014
    Messages:
    159
    Likes Received:
    27
    Occupation:
    SEM Specialist
    Home Page:
    There are many factors regarding site speed, and the majority of them don't have to do with image quality. Here are some metrics I would suggest measuring:

    - do you use a CMS with a MySQL database? this will be slower than a SQLite database or a static site)
    - are you referencing many JS files/plugins? If you can cut down on Jquery references, animation, etc this will increase speed
    - minify CSS or JS files
    - what server type do you have? a cheap shared hosting package will have a slower server response than a VPS or a premium hosting service

    And lastly, "save for web" doesn't necessarily mean anything. You can "save for web" from photoshop and still have a mostly uncompressed jpg. You can reduce the jpg image quality down to 65-69 without seeing any significant image quality loss. Even for large high quality images, you should keep them <1 mb for the web.

    Hope that helps!
     
    • Thanks Thanks x 1
  5. abusaeed

    abusaeed Newbie

    Joined:
    May 12, 2016
    Messages:
    3
    Likes Received:
    0
    it is shared hosting.
     
  6. bossofthebosses

    bossofthebosses Jr. VIP Jr. VIP

    Joined:
    Feb 7, 2015
    Messages:
    685
    Likes Received:
    275
    You can talk with your hosting provider, some providers offer speedier connection for some extra bucks
     
  7. aidenhera

    aidenhera Elite Member

    Joined:
    Nov 30, 2016
    Messages:
    1,865
    Likes Received:
    402
    Gender:
    Male
    shared hostings are slow asf. i personally outed any useless .js and .css outta my website and even minified everything + compressed images in 3 different programs


    you can host the images on CDN. cloudflare
     
  8. MoneyEagle

    MoneyEagle Regular Member

    Joined:
    Nov 6, 2015
    Messages:
    328
    Likes Received:
    143
    Gender:
    Male
    Occupation:
    Internet Marketing
    1. Host your images on Flickr, instagram, Google photos or dropbox or a Blogger (.blogspot) site.
    2. Insert them in your website using "Insert Using URL" option.
    This will not reduce the image loading speed but the images will be loaded after the site is loaded.
     
  9. Brian Alexander

    Brian Alexander Junior Member UnGagged Attendee

    Joined:
    Aug 12, 2016
    Messages:
    180
    Likes Received:
    90
    Gender:
    Male
    Well duh, obviously this is the bottle neck then.
    Host your images on a CDN with regional data centers and they will load MUCH quicker.
     
  10. HoNeYBiRD

    HoNeYBiRD Jr. VIP Jr. VIP

    Joined:
    May 1, 2009
    Messages:
    7,307
    Likes Received:
    8,272
    Gender:
    Male
    Occupation:
    Geographer, Tourism Manager
    Location:
    Ghosted
    Besides what has been already said, do you have java, flash (ads) on the site? Those can increase loading times significantly.

    Try to compress your jpeg images with Google's open source Guetzli encoder, they introduced it in March. Google promises 35% smaller file sizes than currently available methods with the same compatibility and without sacrificing quality.

    [​IMG]
    Figure 1. 16x16 pixel synthetic example of a phone line hanging against a blue sky — traditionally a case where JPEG compression algorithms suffer from artifacts. Uncompressed original is on the left. Guetzli (on the right) shows less ringing artefacts than libjpeg (middle) and has a smaller file size.


    [​IMG]
    Figure 2. 20x24 pixel zoomed areas from a picture of a cat’s eye. Uncompressed original on the left. Guetzli (on the right) shows less ringing artefacts than libjpeg (middle) without requiring a larger file size.

    https://github.com/google/guetzli
     
  11. djp371

    djp371 Elite Member

    Joined:
    Apr 20, 2009
    Messages:
    2,074
    Likes Received:
    348
    Occupation:
    Internet marketing
    Location:
    United States
    Home Page:
    Try to eliminate unnecessary plugins. Minimize the use of javascripts and CSS Files. Test and see if it will improve your site speed.