Solved

HTML Cache External Images Only

Posted on 2012-12-25
8
366 Views
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?


p.s.
The goal is to leverage public cache pools by using
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="PUBLIC">
0
Comment
Question by:ullfindsmit
  • 3
  • 3
  • 2
8 Comments
 
LVL 17

Expert Comment

by:selvol
ID: 38720359
It's not a META tag.

Its a server Issue  or setting

If you use IIS

http://www.iis.net/learn/manage/managing-performance-settings/configure-iis-7-output-caching

Selvol
0
 
LVL 12

Author Comment

by:ullfindsmit
ID: 38720364
Unfortunately some (or even a good majority) of the images come from third party servers that I have no control over
0
 
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.
0
Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

 
LVL 12

Author Comment

by:ullfindsmit
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?
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 38720376
No.
0
 
LVL 17

Accepted Solution

by:
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..
(FOR JPG's)
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
http://www.dealer24x7.com/extimage.php?url=http://photos.ecarlist.com/05/mg/gF/ao/gQ/gI/1X/r8/6H/KZ/dg_640.jpg

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
0
 
LVL 12

Author Closing Comment

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

Expert Comment

by:selvol
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
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

785 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