|
HTML - Very Slow Loading Pages
Hi There,
First post Ive just redesigned my site in HTML and uploaded it to www.sibarber.co.uk Occasionally I find the front page (index) taking nearly a minute to load which is obviously far too long. Im at a loss to understand why. I use a fowarding source (Freeparking) to redirect visitors to my 'true' web address which is http://www.users.globalnet.co.uk/~sibarber/ . Maybe this is part of the problem but my previous site at this was fine. Im not particularly HTML savvy, so if anyone can throw some light on the issue I would appreciate it. S Similar TutorialsHi, I've just put some of the finishing touches to www.oisinmcgann.com which works just fine in IE7, Firefox, Safari and every other browser I've checked. Except IE6 (of course), where some of the pages just hang loading one of the background images. There's a lot of CSS and some transparent PNGs involved, but I've followed tutorials and tips on-line and think everything should be technically alright. More annoying is that there are three layouts involved. The one on the home page seems to work fine, while if you check out the books>Mad Grandad or books>Forbidden Files IE6 just gives up after putting in the CSS menus and the text. Could any give me some pointers on what I can do here? (Aside from ask everyone visiting the site to upgrade...) Cheers, M Hi, adding rows with the clear:both; attribute causes a huge slow-down and I need an alternative or a solution. I'm composing a friend's resume in html. I'm using nested divs to create a two column format. Each row is a div block that contains two smaller divs--one for each column. Each row uses the attribute clear:both; so that the next row will form cleanly beneath it. I am getting the desired format, but as I add more and more rows, the web browser becomes dramatically slower. 20 rows will make the page un-loadable and the browser crashes. Am I doing something wrong or is there another way to do this? Hello, I have a simple html form drop down list as a quick reference and link to pages on my site. It is not nested with subcategories, however there are still hundreds of options in the list, and it is causing the page load time to slow considerably. When the list is created dynamically it is painfully slow. I tried to speed things up by making a static html file of the code and using INSERTFILE on my pages. This helped a little, but not enough to suit me. Is there a way to cache this code snippet, or something like that, to speed up the load time? Thanks! Greetings, I have a script that needs to load a ~250Mb file from an FTP server in order to function. During this 20+ minute process, the connection between the server and client is lost; is there a header I can use to make sure the connection does not timeout? Thank you and Godspeed! Hi Everyone, I am working on a website and I am having problems with some of my pages loading. I thought it might have been an error in the html code. I rechecked & found no errors. I even moved the pages around. I moved the ones that were working, into the slot of the page that would not load. It loaded fine. When I click the page in the file. It displays properly at the top and everything. But when I try to access it from another page, it will not load. I get a white page that says this page can't be displayed. Here is the area I am having problems with. <a href="smg.htm">Suicide Memorial Garden</a><br /> <a href="inmg.htm">Infant Memorial Garden</a><br /> <a href="mmg.htm">Military Memorial Garden</a><br /> <a href="pubserv.htm">Public Service Memorial Garden</a><br /> <a href="pmg.htm">Pet's Memory Garden</a><br /> The first and 4th pages are the only ones that work. Any advice would be greatly appreciated. john721 This will be hard for me to explain so I will add an image: http://img75.imageshack.us/my.php?image=examplexu6.gif How do I go about loading a page within a page. For example, in the pic, if you clicked Cost it would load a page within the loading area without taking off to another location. I seen it on a site before, i remember the links were something like "/?p=cost" or something like that. And the page appeared to not navigate elsewhere, the cost page was just loaded within the page i was on. hope that makes sense, if so any examples on this? is it hard to do? messy? safe with most browsers? thanks Hi, I want to load a window with loading image on a button click. The new window is having an other content so before loading the actual content i want to disapear the loading image from the new window. I tried with html like <html> <img src=".." /> --------------------- Actual content " display:none " ----------------------- <script> actual contentid.display:block; img.display:none; </script> </html> But in this method am seing the image after some time lanching the window. i want to c the image right after launcing the window till my actual content loads. can anybody suggest something for this,..... If I have many PHP includes, will this slow down the loading of the page? I may have around 6 at a time on a single page. <? $path = $_SERVER['DOCUMENT_ROOT']; $path .= "/item.php"; include_once($path); ?> I usually have around 6 of these on a page at a time, will this slow down the loading of my website. I use this for updating my website, since all the includes come from the same sources, e.g. navbar on all pages comes from /include/navbar.php then I will have to edit navbar.php to edit the navbar on all pages. Am I using the correct method for website updating, or is there a more efficient way? http://www.heresmary.com I just finished uploading my site, and I noticed that when I click on a link the page loads then loads again a split second after. Does this happen to anyone else? If so can anyone give me any advice about it? Hi , I've been wondering why my simple HTML website has slower drop down menu's at the top at LaptopBackpacks.com It takes a moment for the menu to drop down at the top ..Mens | Womens | Youth Compared to my competitor who's drop down menu's drop now instantly after hovering over them. What causes this slower speed? Suggestions? Hello All, With building a nested vertical navigation element, I am using "onmouseover" and "onmouseout" behaviors with some CSS. The problem I have is that, for people who have a hard time clicking quickly on the left side vertical navigation submenu elements, sometimes they mouse out before they click when the mouse is over the element. I made the onmouseover area larger than the actual sub-entries, which helps, but is not good enough. What I want to do: Somehow prolong the onmouseover event to allow maybe 1.25 seconds of onmouseout before the submenu disappears, or slow down the onmouseout for the same reason. Anyone have any ideas? Thank you, edsager P.S. I include some of the relevant code below. HTML stuff: Code: <ul> <li onmouseover="this.firstChild.style.display="block"" onmouseout="this.firstChild.style.display="none""><ul class="popout"> <li class="popout"><a class="popout" href="orig_flood.html">Stuff111111111</a></li> <li class="popout"><a class="popout" href="title.html">Stuff11111111</a></li> <li class="popout"><a class="popout" href="appraisal.html">Stuff1111111</a></li> <li class="popout"><a class="popout" href="AVM.html">Stuff111111</a></li> <li class="popout"><a class="popout" href="BPO.html">Stuff11111</a></li> <li class="popout"><a class="popout" href="orig_fraud.html">Stuff1111</a></li> <li class="popout"><a class="popout" href="lien.html">Stuff111</a></li> <li class="popout"><a class="popout" href="orig_tax.html">Stuff111</a></li> </ul><a>Home</a></li> CSS stuff: Code: @charset "utf-8";
/* CSS Document */
#services a
{
display: block;
height: 100%;
cursor: default;
}
#services li:hover
{
color: #999;
border: 1px solid RGB(179, 179, 179);
background-color: RGB(230, 230, 230);
}
#services a:hover
{
color: #666;
}
#services ul.popout
{
white-space: nowrap;
width: auto;
position: absolute;
left: 180px;
background-color: white;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
z-index: 5;
display: none;
border: 1px solid RGB(179, 179, 179);
}
#services li.popout
{
margin: 0px;
padding: 0px;
height: auto;
font-size: 10pt;
font-weight: normal;
color: #666;
}
#services a.popout
{
padding: 5px;
padding-left: 15px;
padding-right: 15px;
display: block;
height: 100%;
}
#services a.popout:hover
{
color: #333;
background-color: RGB(230, 230, 230);
cursor: pointer;
}
Hi people, hopefully you can help. I've made a website for a artist-run collective here in Edinburgh, Scotland and everything is getting under way. I had a few questions with some issues I have been encountering and perhaps you could send me some information on if there is anyway to fix this. http://www.modular9.co.uk/ That's the site. Some things aren't up yet but you get the idea. The main issue is with the index page anyway. I have used a collection of image paths and rollovers and if you take a look at the source you'll see my very basic, yet required, html/css. One of the issues is the delay in rollover. I understand it is because it is loading a whole image each time you rollover the tally marks, but is there any way to speed this up? Or use a script that isn't as ineffective as javascript? I don't mind the delay but I know that the rollover is meant to exist so I give it a second or two, but people coming to the site for the first time might not notice the navigation and leave :/ Also, on some of my friend's computers at college, when they click on, artists, or the about section, or contact, for example, the background doesn't show up as the colours I put down. Is this because I used css to do so? Are there actually some browsers that can't take css yet? I know it's a bit vague and a general query but any tips and things would be great to make the site more effective and smooth running. Hope you are all well. Rich Here's a newbee question and you are probably gonna laught, but there it is: I have two pages saved in the same directory. One is index.html and the other trial.html. They are linked together. Both load the general.css file correctly when I double click on them from the directory they are saved. But when I go from one to another clicking on the link only the content loads and no css rules are applied. What am I doing wrong? How should I code for the css rules to load? Any help will be immensely appreciated My index.html file is like this (www.omegaintertrade.ro) Quote: <html> <head> <title>Omega Intertrade Test Site</title> <link rel='stylesheet' rev='stylesheet' href='global.css'type='text/css' media='screen' charset='utf-8' /> </head> <body> <div id='wrapper'> <div id='wrapper2'> <div id='header'><img src="logo.jpg" height = 120 border="0" hspace="25" > </div> <div id='leftcolumn'> <ul> <li><a href="index.html">Home</a></li> <li><a href="mb.htm">About Me</a></li> <li><a href="mb.htm">Products </a></li> <li><a href="mb.htm">Contact</a></li> </ul> </div> <div id='rightcolumn'><div class= "bheader">This column is intentionally blank!</div> </div> <div id='bodytext'> <div class= "bheader">Home</div> Main text area <br> stay with omega to see the further developments</div> <div id='footer'>Footer</div> </div> </div> <body> </html> As you may see it is consist of header footer and 3 columns in the middle. While visitors navigate through menus only bodytext content will change. For example after registering the site, a small message will appear like 'thank you for registering' on bodytext. How should i place that message in the page(on "bodycontent")? Should i create another html document exact like index.html except changing the content of the "bodycontent" section. This idiot solution comes to my mind Is there another short and easy solution? Okay, so here's my site, a Duke3D map review site: http://msdn.planetduke.gamespy.com/indexmain.shtml As you can see, it has frames (ooh, the horror!). The problem I have (or have had for a long time but have been too lazy to do anything about it) is that at times I'd like to post links to specific map reviews but linking to separate shtml files means that you won't get the top and left frames. So, is there some code I can write in, for example, this page so that whenever you access that subpage, it loads the frames around it as well? I've noticed that on my site, k0shy.com, the Div holding all the main text loads way slower than the text itself. To see what I'm talking about, try going to my site and refreshing the page, the white box should expand to fit the text after the text loads (at least in my browser, Firefox 3.0b5). Is there anyway to fix this? Im doing a website and have some videos up. I want to be able to have pictures of all the available videos and when the user clicks one of them I want that video to load right next to all the pictures. I remember Google videos had something like this, when you clicked the video you wanted it loaded the video in that page without getting rid of the pictures of all the videos, but they don't have that option anymore. This is the website im doing. http://eyeamchito.fileave.com/videos.html Thanks in advance if I got you confused let me know. Had an idea for a web page I've been working on, but not sure how to do it. The page is divided into three frame columns. Left, skinny frame shows a file with all my buttons. Clicking on any of those buttons loads a file into the large center frame, displaying a large picture. What I'd like to do is to make that button simultaneously load a second file into the frame on the right, showing text describing the image in the center. Unfortunately I don't know how to make my button do two things instead of just one. Can HTML do that, or do I need scripting for stuff like that? Hey all, I'm working on a site and have reused some code that's worked for me in the past, but for some reason is not working now. The site is www.fluidholdings.com and the problem is that I have an iframe in the middle of the page for content, which should load when the domain is visited. For some odd reason, it will not load. It loads if you click the "home" or the logo at the top left, but will not load if you go to the root url. Any ideas? I've been beating my head against the wall for about an hour now and can't seem to figure it out. Thanks in advance! Im having a problem i dont know if its just the loading speed, but so the image slideshow i have loads first below my tabbed info on the right, it loads beneath but then to the top, not a major issue but feels like it could be fixed, the code is here Code: <style>
.peKenBurns {
width: 500px;
height: 330px;
align: center;
margin-left:6px;
}
</style>
<script>
jQuery(function($){
$(".peKenBurns").peKenburnsSlider()
})
</script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('jquery','1.4.3');
google.setOnLoadCallback(function()
{
$('#desc1 div:not(:first)').hide();
$('#tabs1 li').click(function(event){
var id = $(event.target).index();
$('.active1').removeClass('active1');
$(event.target).addClass('active1');
$('#desc1 div').hide().eq(id).show();
});
$('#desc2 div:not(:first)').hide();
$('#tabs2 li').click(function(event){
var id = $(event.target).index();
$('.active2').removeClass('active2');
$(event.target).addClass('active2');
$('#desc2 div').hide().eq(id).show();
});
$('#desc3 div:not(:first)').hide();
$('#tabs3 li').click(function(event){
var id = $(event.target).index();
$('.active3').removeClass('active3');
$(event.target).addClass('active3');
$('#desc3 div').hide().eq(id).show();
});
$('#desc4 div:not(:first)').hide();
$('#tabs4 li').click(function(event){
var id = $(event.target).index();
$('.active4').removeClass('active4');
$(event.target).addClass('active4');
$('#desc4 div').hide().eq(id).show();
});
}
);
</script>
<style type="text/css">
h1 {
margin-left:5px;
}
#wrapper {
width:470px;
margin-left:5px;
}
#tabs1 {
width:100%;
padding:0px;
margin:0px;
}
#tabs1 ul {
padding:0px;
margin:0px;
width:100%;
}
#tabs1 li {
height:50px;
display:block;
float:left;
line-height:50px;
text-align:center;
background:#036;
margin:0px;
padding:0px;
width:32.9%;
color:#FFF;
cursor:pointer;
text-transform:uppercase;
}
#tabs1 li.active1 {
background:#CCC;
color:#000;
border-bottom:1px solid #CCC;
}
#desc1 {
width:100%;
}
#desc1 div {
clear:left;
width:100%;
height:200px;
}
</style>
<table width="100%" cellspacing="3" cellpadding="3" border="0" class="border">
<tbody>
<tr>
<td>
<h1>Residential - Doors</h1>
<a href="http://[LINKID:4]">« Back to Residential</a>
<table width="100%" cellspacing="1" cellpadding="1" border="0" summary="">
<tbody>
<tr>
<td width="270"><!-- slider markup, 3 slides -->
<div class="peKenBurns" data-mode="swipe" data-logo="disabled" data-controls="over" data-shadow="disabled">
<div class="peKb_active" data-delay="6">
<img src="images/page_content/residential_doors_sliding1.jpg"/></a>
</div>
<div class="peKb_active" data-delay="6">
<img src="images/page_content/residential_doors_sliding2.jpg"/></a>
</div>
<div class="peKb_active" data-delay="6">
<img src="images/page_content/residential_doors_sliding3.jpg"/></a>
</div>
<div class="peKb_active" data-delay="6">
<img src="images/page_content/residential_doors_sliding4.jpg"/></a>
</div>
</div>
<!-- end slider markup --></td>
<td>
</td>
<td>
<h1>SLIDING WINDOWS</h1>
<div id="wrapper">
<div id="tabs1">
<ul>
<li class="active1">Description</li>
<li>Features</li>
<li>Options</li>
</ul>
</div>
<div id="desc1">
<div>
<p>Aluminum sliding windows are both functional and durable. The ultimate low maintenance window style due to few moving parts. The sliding window is a classic design that will suit most architectural styles.</p>
</div>
<div>
<ul>
<li>Choice of coloured glass & Aluminium</li>
<li>Screens are fittable or removable from inside the room</li>
<li>Maximum Height 1500mm</li>
<li>Maximum Glass Laminate 6.38mm</li>
<li>Adjustable height key locks</li>
</ul>
</div>
<div>
<ul>
<li>Range up to BAL 40 for bushfire areas</li>
<li>Range of glazing solutions</li>
<li>External aluminium insect, safety and supascreens</li>
<li>Sump sill for extreme weather conditions</li>
<li>Range of standard and custom colours</li>
<li>Variety of window style configurations</li>
</ul>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
if that doesnt help go to http://www.c-view.com.au/index2.php?...ential-windows |
|||||||