Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

HTML Cache External Images Only

Posted on 2012-12-25
Last Modified: 2012-12-25
In process of trying to optimize http://www.dealer24x7.com/Used/1/Inventory/ the recommendation we are getting from google's page speed insights (https://developers.google.com/speed/pagespeed/insights) is to leverage caching.

What meta tag do we need to use to specify caching images (local and external) longer (say 3 months) and caching the HTML of the page for only a week?

The goal is to leverage public cache pools by using
Question by:ullfindsmit
  • 3
  • 3
  • 2
LVL 17

Expert Comment

ID: 38720359
It's not a META tag.

Its a server Issue  or setting

If you use IIS


LVL 12

Author Comment

ID: 38720364
Unfortunately some (or even a good majority) of the images come from third party servers that I have no control over
LVL 83

Expert Comment

by:Dave Baldwin
ID: 38720365
Image files don't have META tags or any other HTML in them.  That would have to be done on the server.  Here's a page about doing in Apache:  http://www.chicagostyleseo.com/2010/04/googles-need-for-speed-use-cache-and-htaccess-to-speed-up-your-site/  I don't know how to set this up in IIS.  I that in the other comment.

If they're from third party servers, there is nothing you can do about it.
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

LVL 12

Author Comment

ID: 38720372
So is there an HTML tag on the HTML page that I can use to say cache this page and its contents (local and external images) for 7 days?
LVL 83

Expert Comment

by:Dave Baldwin
ID: 38720376
LVL 17

Accepted Solution

selvol earned 500 total points
ID: 38720395
Depending on your need to do this.

I'll just put this out  here.  
I have used this in the past.
What is does is takes an external Image and makes it local..
Create this page on your server in the root DIR and Name it extimage.php
NO Spaces BEFORE this.

<?php header('Content-type: image/jpg') ; 
$external_image = file_Get_contents($_GET['url']);
echo $external_image; ?>

Open in new window

Link to it like so

Open in new window

To add it into HTML would be like

<img src="http://www.dealer24x7.com/extimage.php?url=IMAGE PATH TO EXTERNAL JPG HERE">

Regards SELvol
LVL 12

Author Closing Comment

ID: 38720611
While it aint pretty, it does the job
LVL 17

Expert Comment

ID: 38720736
Glad You appreciate that script....

Who needs pretty, when your sneaky.

You could Save the external image to a local FOlder.
 Add a Check to see if the File exists before the PHP
gets the external Image.

Regards Selvol

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

792 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question