The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Tumblr: Help with my personal blog HTML, Something is causing my blog to run very slowly.
Timmysofine
post Jul 9 2012, 05:18 PM
Post #1





Group: Members
Posts: 1
Joined: 9-July 12
Member No.: 17,401
Hi:) It's my first time on this website and I dunno if this is the right way to ask for help, but I was wondering if someone could help me figure out what in my HTML code is making my blog load so slowly. My blog in fact does not load anything for about 2-3 minutes, and then the page loads normally. This started occurring randomly and I have no idea what's wrong. Any help is greatly appreciated. Thanks in advance:)

Timmy.

START

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">

<!-- ----------------------------------
Theme Urban by Max Davis, 2011.
http://themes.themaxdavis.com
---------------------------------- -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:background" content="#fff"/>
<meta name="color:center" content="#fff"/>
<meta name="color:text" content="#B3B3B3"/>
<meta name="color:title" content="#777777"/>
<meta name="color:link" content="#777777"/>
<meta name="color:hover" content="#B3B3B3"/>
<meta name="color:Photo post hover" content="#ff0000"/>
<meta name="color:Notes photo post hover" content="#fff"/>
<meta name="font:Body" content="Arial, Helvetica, sans-serif"/>

<meta name="image:Background" content="" />
<meta name="image:Sidebar" content="" />

<meta name="if:infinite scrolling" content="0"/>
<meta name="if:Show reblog on photo post" content="0"/>
<meta name="if:Show photo Caption" content="0"/>
<meta name="if:Show archive" content="0"/>
<meta name="if:Show random" content="0"/>
<meta name="if:Show submit" content="0"/>

<meta name="text:ask title" content=""/>
<meta name="text:Reblog Title" content="Reblog this post" />
<meta name="text:Next Page" content="Next Page" />
<meta name="text:Previous Page" content="Previous Page" />
<meta name="text:Link One" content="" />
<meta name="text:Link One Title" content="" />
<meta name="text:Link Two" content="" />
<meta name="text:Link Two Title" content="" />
<meta name="text:Link Three" content="" />
<meta name="text:Link Three Title" content="" />

{block:Description}
<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}
{block:PostSummary} {PostSummary} - {/block:PostSummary}{Title}</title><script src="http://themes.themaxdavis.com/scripts/jquery-1.3.2.min.js" type="text/javascript"></script>{block:Ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:Ifinfinitescrolling}<link href="http://static.tumblr.com/8jq17g7/liCln580a/style_link.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
</head><meta name="viewport" content="width=820" />
<style type="text/css">
iframe#tumblr_controls {
top: 1px !important;
margin: 0 0 0 0;
right: 4px !important;
position: fixed !important;}
body{
background-color: {color:background};
background-image:url({image:Background});
background-attachment: fixed;
background-position:top left;
background-repeat: repeat;
color: {color:text};
font-family: {font:Body};
font-size: 10px;
line-height: 11px;
overflow-x:hidden;
margin:0px;
text-align: left;}

a{color:{color:link}; text-decoration:none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;}
a:hover{color: {color:hover};
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
:-moz-any-link:focus{outline: none;}

strong{color:#000;}
img{border:none;}

div#content{
margin: auto;
width:520px;
margin-top: 20px;
margin-bottom: 20px;
text-align: left;}

div#center{
background-color: {color:center};
margin-left: -125px;
padding: 10px;
width:500px;
text-align: left;}

#entry{
margin-left:0px;
width:500px;
margin-bottom: 20px;}
div#sidebar{
padding: 10px;
font-size: 10px;
background-color: {color:center};
width:200px;
margin-top:30px;
position: fixed;
margin-left: 405px;}
blockquote{
margin: 10px;
color: {color:text};
padding: 10px;}
div.post div.conversation ul {list-style-type:none;}

ol.notes {
padding: 0px;
font-weight:normal;
margin: 0px 0px;
list-style-type: none !important;
border-bottom: 0px;
margin-left: 50px;
text-align: left;}

ul {list-style-type:bullet;}
ul:hover {color: #999;}
ol {list-style-type: upper-roman;}
ul:hover {color: #999;}

.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label,
.user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {font-weight: bold;}

#answer{
margin-top: 8px;
margin-left: -34px;}

.title{
font-family: {font:Body};
font-weight:bold;
font-size: 20px;
line-height: 23px;
letter-spacing: -1px;
color: {color:title};
padding:1px 1px 0px 1px;
text-transform:uppercase;}

.title2{
font-family: {font:Body};
font-weight:bold;
font-size: 15px;
line-height: 23px;
letter-spacing: -1px;
color: {color:title};
padding:1px 1px 0px 1px;}

.quotesymbols{
font-size: 30px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
line-height: -10px;}

#photo {width:500px;}
#photo div#picture {position:relative;}
#photo img {max-width:500px; display:block;}
div#photo div#picture div#info {
position:absolute;
opacity: 0;
top:0;
left:0;
width:500px;
height:100%;
visibility:hidden;
z-index:998;
text-align:center;
background-color: {color:Photo post Hover};
opacity 0.7s linear;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;}
div#photo div#picture div#info:hover {
opacity 0.7s linear;
opacity: 0.8;
-moz-box-shadow: inset 0 0 100px rgba(0,0,0,0.65);
-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.65);
box-shadow: inset 0 0 100px rgba(0,0,0,0.65);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;}
div#photo div#picture div#info div#holder {
position:absolute;
top:40%;
left:50%;
margin-left:-95px;
width:180px;
height: 80xp;
text-align:center;
z-index:999;
color:#000;}
div#photo div#picture div#info div#holder a,div#photo div#picture div#info div#holder a:hover {
text-decoration:none;
color:{color:Notes photo post hover};
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
div#photo div#picture div#info div#holder span#note_count {
font-weight:bold;
letter-spacing: -3px;
line-height: 80px;
font-size:60px;
text-transform:uppercase;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
div#photo div#picture div#info div#holder span#Photo_reblog {
font-weight:bold;
letter-spacing: -1px;
line-height: 18px;
font-size:30px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
div#photo div#picture:hover div#info {visibility:visible;}

.permalink{
display: block;
font-size: 9px;
text-align: right;
float:left;
position: absolute;
margin-bottom: -40px;
margin-top: 0px;
height: 25px;
width: auto;
margin-left: -110px;}
div#entry .permalink1 a{color:{color:permalink};}
div#entry .permalink1 a:hover{
opacity:0.5;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all 0.3s linear;}
div#entry .permalink1{
width:auto;
background-color:{color:center};
height: 35px;
position:absolute;
margin-top: -15px;
text-align: left;
padding:10px;
text-align: right;
color:{color:permalink}; overflow:hidden;
line-height:12px;
font-size:10px; letter-spacing:0px;
white-space:nowrap;
-webkit-transition: opacity 0.7s linear;
opacity: 0.0;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all 0.5s linear;}
div#entry:hover .permalink1{
letter-spacing: 0px;
overflow:visible;
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all 0.2s linear;}
div.padd {
width: 100%;
line-height: 11px;
padding-top: 0px;
padding-left: 5px;
margin: 0px;}
#answer{
margin-top: 10px;
margin-left: -34px;}
{CustomCSS}
</style>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
<meta name="robots" content="noindex"/></head>
<body>
<div id="content">
<div id="sidebar">
{block:IfSidebarImage}
<center><a href="/"><img src="{image:Sidebar}" width=200px/></a></center><br><br>
{/block:IfSidebarImage}

<center><a href="/" class="title">{title}</a></center><br>
{Description}<br><br>
<center>
{block:AskEnabled}<a href="/ask" class="title2">{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>{/block:AskEnabled} <br>


{block:HasPages}{block:Pages}
<a href="{URL}" class="title2">{Label}</a><br>
{/block:Pages}{/block:HasPages}

{block:ifshowarchive}
<a href="/archive" class="title2">Archive</a><br>
{/block:ifshowarchive}
{block:ifshowrandom}
<a href="/random" class="title2">Random</a><br>
{/block:ifshowrandom}
{block:ifshowsubmit}
<a href="/submit" class="title2">Submit</a><br>
{/block:ifshowsubmit}

{block:ifLinkOneTitle}
<a href="{text:Link One}" class="title2">{text:Link One Title}</a><br>
{/block:ifLinkOneTitle}

{block:ifLinkTwoTitle}
<a href="{text:Link Two}" class="title2">{text:Link Two Title}</a><br>
{/block:ifLinkTwoTitle}

{block:ifLinkThreeTitle}
<a href="{text:Link Three}" class="title2">{text:Link Three Title}</a><br>
{/block:ifLinkThreeTitle}
<br>

{block:IfNotinfinitescrolling}
<center>
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">{text:Previous Page} </a>
{/block:PreviousPage}

{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

{block:NextPage}
<a href="{NextPage}"> {text:Next Page}</a>
{/block:NextPage}
{/block:Pagination}</center>
{block:IfNotinfinitescrolling}
{block:Ifinfinitescrolling}
<center><br><br>Theme <a href="http://themes.themaxdavis.com/">Urban</a>,
by <a href="http://themes.themaxdavis.com/">Max davis</a>.</center><br>
{/block:Ifinfinitescrolling}
</div><!-- End Sidebar -->




<div id="center">
<a href="http://maxdavis-themes.tumblr.com/"><div id="link"></div></a>
<div class = "autopagerize_page_element" >
{block:Posts}
<div id="entry">
{block:Quote}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
<center>
<span class="quotesymbols">❝</span>
<span class="title">{Quote}</span>
<span class="quotesymbols">❞</span><br>
{block:Source}{Source}{/block:Source}</center>
{/block:Quote}

{block:Text}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
{block:Title}<span class="title">{Title}</span>{/block:Title}
{Body}
{/block:Text}

{block:Link}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:Link}

{block:Answer}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{/block:Date}</span></div>
{/block:IndexPage}
<table width="100%" border="0px" cellpadding="0" cellspacing="0">
<tbody style="border-spacing: 0px;">
<td width="30px" style="vertical-align: top; width: 30px; padding: 0px;">
<img height="30px" width="30px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-30}"/></td><td>
<div class="padd" width="100%" style="margin-left:;">
{Asker} asked:<br>
{Question}<br><div id="answer"><em>{Answer}</em></div><br><br>
</div></td></tr></tbody></table>
{/block:Answer}

{block:Photo}
<div class="post">
<div id="extraonephoto">
<div id="photo">
{block:IndexPage}
<div id="picture">
{block:Date}
<div id="info">
<div id="holder">
<span id="note_count">
<a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
</span>
{block:ifShowreblogonphotopost}
<span id="Photo_reblog">
<br><a href="{ReblogURL}" target="_blank">reblog</a>
</span>
{/block:ifShowreblogonphotopost}
</div></div>
{/block:Date}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/></div>
{block:ifshowphotoCaption}
{block:Caption}{Caption}{/block:Caption}{/block:ifshowphotoCaption}
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/>
{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}
</div></div></div>
{/block:Photo}

{block:Chat}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Audio}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
<center><div style="width:400px; height:20px;">
<div style="float:left">{AudioPlayerWhite}</div>
<div style="margin-top:8px; float:right;"><small>
{FormattedPlayCount} plays {block:ExternalAudio} //
<a href="{ExternalAudioURL}">Download?</a>
{/block:ExternalAudio}</small>
</div></div></center><br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
<center>
{Video-500}<br>
{block:Caption}{Caption}{/block:Caption}
</center>
{/block:Video}
</div><!-- End entry -->
{block:PostNotes}
<center>
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>

{block:HasTags}
tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>
{/block:HasTags}

{block:RebloggedFrom}
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
{/block:RebloggedFrom}</center></span>

<br>{PostNotes}<br>
{/block:PostNotes}
{/block:Posts}
</div>
{block:IfNotinfinitescrolling}
<br><center>Theme <a href="http://themes.themaxdavis.com/">Urban</a>, by <a href="http://themes.themaxdavis.com/">Max davis</a>.</center><br>{/block:IfNotinfinitescrolling}
</div><!-- End Center -->
</div><!-- End Content -->
</body>
</html>

END
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Web Site Functionality · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 23rd April 2024 - 07:42 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC