?
Solved

HTML Cache External Images Only

Posted on 2012-12-25
8
Medium Priority
?
398 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
[X]
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
  • 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 84

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
7 Extremely Useful Linux Commands for Beginners

Just getting started with Linux? Here's a quick start guide that has 7 commands that we believe will come in handy.

 
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 84

Expert Comment

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

Accepted Solution

by:
selvol earned 2000 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

New benefit for Premium Members - Upgrade now!

Ready to get started with anonymous questions today? It's easy! Learn more.

Question has a verified solution.

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

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
Suggested Courses

765 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