Solved

HTML Cache External Images Only

Posted on 2012-12-25
8
375 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 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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Javascript 2 38
Navigation Menu Does Not Show on iPad 4 32
Can't get cursor to change 3 16
javascript works in Chrome, but none of the other browsers 14 33
This article discusses four methods for overlaying images in a container on a web page
This article discusses how to create an extensible mechanism for linked drop downs.
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 …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

749 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