Page load time slow after cleaning up xhtml. Google Chrome only.

**livingagain75** · 03-09-2013, 12:14 AM

Hi guys, sorry to bother you but I am stuck and could use some pointers.

Problem is, I was cleaning up my xhtml and now one page of my site seems to be taking a second or two to load and it is really annoying me. I'm not sure if i removed and important tag or what.

It seems like the issue only happens in google chrome.

I will post a little text from the begining of the affected page.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="Description" content="We specialize in graphic design, custom t-shirts, car graphics, and website design." />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>positive motivation, graphic design, custom t-shirts, car graphics, portfolio website</title>
<style type="text/css"></style>
<link href="allstyles.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>
<link href="mailto:info@positivemotivationdesigns.com" rel="stylesheet" type="text/css" />
<style type="text/css">
a:link {
	color: #00F;
	text-decoration: none;
}
body {
	background-image: url(index_images/posmo3.jpg);
}
a:visited {
	color: #00F;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
</style>
</head>

<body onload="MM_preloadImages('slides/dwayne.jpg','slides/stripe46_blue.jpg','slides/posmomag.jpg','slides/car54_slide.jpg','slides/accelerated_white.jpg','slides/wedabest.jpg','slides/car46_slide.jpg','slides/accelerated_1colorwhite.jpg')">
<div id="wrapper">
  <div id="top_nav"><img src="index_images/navigation-newest.png" alt="navigation" width="640" height="30" border="0" usemap="#navigation" />
    <map name="navigation" id="navigation">
      <area shape="rect" coords="4,6,61,24" href="index.html" alt="home" />
      <area shape="rect" coords="77,4,160,27" href="tshirts.html" alt="tshirts" />
      <area shape="rect" coords="180,7,300,26" href="cargraphics.html" alt="cargraphics" />
      <area shape="rect" coords="316,5,410,29" href="portfolio.html" alt="portfolio" />
      <area shape="rect" coords="430,5,524,27" href="aboutus.html" alt="about" />
      <area shape="rect" coords="532,4,633,27" href="contact.html" alt="contact" />
    </map>
  </div>
  <div id="slideshow"><script type="text/javascript">

I'm not sure if this is enough info to determine the problem, but I would appreciate it if someone could spot my error.

Thanks in advance, Bill

**Beverleyh** · 03-09-2013, 01:43 AM

Which page is it that's slow? I clicked through them all but they all seemed to take roughly the same amount of load time (Chrome on iPhone)

**livingagain75** · 03-09-2013, 01:51 AM

It is my contact page.

When I click it in chrome it flashes white for a second before loading the page.

Thanks

**livingagain75** · 03-09-2013, 01:55 AM

My issue is Chrome for desktop. Every other browser I've tested seems to load immediately.

**molendijk** · 03-10-2013, 08:43 PM

Google Chrome is known for the white flash on page load. Just google for chrome white flash and you'll see what I mean.
This may be some kind of solution to your problem.

**livingagain75** · 03-11-2013, 02:21 AM

Awesome, thanks. I came across an article that addressed the issue.

http://thesis-blogs.com/annoying-whi...google-chrome/

Only one page was affected so I went into that page and added my background color. Now rather than flashing white it flashes my background color which seems better than that annoying white flash.

Much appreciated...