HTML - Javascript In Html - Slow? Any Tips Or Advice?

Its Look:
Your site looks fresh and modern, while maintaining the same brand image you're offline. Choose the same colors for your website if you use in other marketing materials, and the same logo. The site must be visually appealing, with many interesting features, but not too finicky or distracting. The layout should be easy to understand, let visitors to the site easy to navigate to the pages they want.
Put Your Customers First
Thinking about search engines and how your page rank in Google is great, but there is no point if your visitors will simply click away from your site within a few seconds of landing. Your goal is to convert visitors into customers, so make sure your site is customer friendly. Keep popular items and contact information easy to find and keep multiple menus where visitors click a few links to find the information they need to bury your site structure.
Do not Be spammy
This follows from the above point, that your site must be designed primarily for visitors with SEO as a secondary consideration. Not stuff your pages full of keywords so that the content does not make sense. You also need to clearly send the wrong tactics such as adding a list of keywords to the bottom of your pages, and cluttering the site with too much advertising.
Make it quick
Online visitors want information fast, and they have no patience to wait while a large image or fancy graphics load. Make sure your pages load quickly, with key information charging first. If you have large files or videos, put them in a position where the reader can still browse the rest of the page, while the larger elements to load. If you have a Flash site to think about offering an alternative simple html link for visitors with slow Internet connection.
Do your homework
Think long and hard about your audience before you search
Use Neat and Easy Navigation
You make sure your site is browser compatible
Minimize the use of images
Use of white space
Check for broken links
Design for all Screen Resolution
Typography
Colors use good
Layout make perfect
Fast Loading web site designs.
Clear Navigation.
Browser Compatibility.

Riiight, this is driving me mad


http://int.jatos.co.uk/kcda/

Need to get copyright info to stay at the base of the page regardless of the length of content with without my floats in the content going weird, and I don't want to use Javascript.

Anyone know a way I can achieve this, tis' is driving me MADDD!

Hi there I am can make sites pretty well using full css and divs but my main problem is choosing colors and how best to use them on the site.

Does anyone have any tips please

Hi Guys,

I have owned one website, Can anyone Get me some good Tips for get traffic to my website ??

Hey Chaps, Being a professional web designer, I used to read articles in this discipline and recently got a superb one and thought of sharing it with you..

Here are 15 important website design tips that you might not be aware of or have overlooked. Consider taking advantage of them if you haven't already done so...

1. Custom 404 Pages
Create a custom 404 web page, so that any time your website visitor mistypes or misspells a URL on your site, they will still be provided with navigation options for your site (instead of getting nothing but a "Page Not Found" error message, which is neither friendly or helpful).

2. Redirect Non-www. To www.
Website visitors will often leave out the "www." portion when they type a URL or link to your website. Set the website up so that it automatically redirects any non-www version of your domain URLs (http://domain. com) to the www version (http://www.domain. com) of your website.

3. Properly Sized Graphics
Size and define all graphics and images on your web pages properly and correctly. Web pages will load quicker if the graphics contained on each page are properly defined so they don't require the web browser to re-size them. Properly sized and defined images can reduce the web browser workload and speed up the page loading time.

4. Favicon
Add a Favicon (favorite icon) to your website, so that your company or product logo appears in the URL box. This icon will also show up in a bookmark list, and gives the web site an added level of professionalism.

5. Include RSS Auto-Discovery
If you offer an RSS feed for any content on your website, be sure to include auto-discovery code in the header of your website. This will allow many browsers and RSS readers to automatically detect the presence of an RSS feed and alert the visitor that it is available.

6. Alternate Domains
Domain names are relatively inexpensive, so you should register multiple domain versions and extensions in order to protect your brand. The varied domains can be parked on the main website, simply to prevent others from obtaining them. Registering alternate domain versions will help protect your brand.

7. Consistent Navigation
Navigation should remain consistent on a website. As a website visitor moves through the website, the navigation bar should remain in the same place on each page. This will make it easier for visitors to navigate your website, and become more comfortable as they move through your site.

8. Home Goes Home
The main graphic, company logo, or "header" at the top of the site should be included on every page in the site, and should always return the visitor to the home page of the website. This has become a web standard, and most visitors now expect to return to the main page of the site simply by clicking on the main top graphic from any page within the site.

9. Copyright Notice
Include a copyright notice on the bottom of each page contained on the website, and keep it current! It may seem trivial, but an out-of-date copyright notice can send a message to your visitors that the website and its content may be out-of-date as well.

10. Meaningful File Names
Use meaningful file names for any files, graphics, or web pages. Many search engines look at file names as part of their search algorithm, and using keywords in file names may help to improve search engine rankings.

11. Hyphens vs Underscores
When naming files and webpages, use hyphens (i.e. web-page.html) rather than underscores (i.e. web_page.html) for the file names. It is much easier for search engines to separate and index the keywords when hyphens are used.

12. Alt Tags
Use ALT tags to describe what images represent on web pages. ALT tags not only assist visually-impaired visitors in knowing what the images are, but they also help with search engine ranking.

13. Spell Check
Use a spell-check feature on the text of all web pages in a website. A website that contains mistyped or misspelled words just shouts "unprofessional". Take the extra few minutes necessary to check the spelling of text on each page of your website.

14. Test
After making changes to a website, test it! Many times, a webmaster will upload changes, confident in their abilities, only to later discover that in their attempt to fix one thing, they have "broken" something somewhere else. Make testing a habit after making even the most minor changes!

15. Keep It Simple
Simple is good. Remove unnecessary clutter and distractions from a website and navigation menu.

...
Good luck mate..

TIA for your response.

Hello,

New to the programming part of this all, well here's my story.

Having to make my own website for a company taking shape, I was glad to be able to make a web-layout quite easily in the form of Artisteer.

After this I put the page through a WYSIWYG- type of editor, namely Bluegriffon.

Now, when I open the site in here, the pop-down menu on the left part seems to be okay, and I would like this element to behave just like shown in att. 1.<<

Though when exporting, the ''Aanbod'' Button does not function at all, in Chrome, and in Opera, and when opening in new tab it will only show a >different than intended> drop-down menu! like att 2. <<


I'm confused, as I said, have very little knowledge about HTML editing.
Is this fixable?, well more accurately- which part of coding should I apply for the desired effect? (drop down on hover preferred, though drop down on click will do just fine).


Next question.

How can I set my background to be ''Set'' Instead of moving along with the entire ''frame'' ?

Last question.

When making a sub-page (i.e. click on any of the sub-menu items and be directed to the page desired) , do I use the exact same page as my index.html, and simply rename it? Or are there any ''cloning'' tricks and standard issues to avoid when doing so?.

Again, I am new to this all, but finding it rather amusing to do with a WYSIWYG editor, sorry to disappoint you guys for not ''writing'' the code etc myself, but time is of the essence, I need the site to be on-line in quite a short time

Thanks a lot in advance, and if this is in the wrong section, my apologies ^^

Leon

(> http://www.Power-Entertainment.nl < )

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?

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?

Hi,

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 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

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=&quot;block&quot;" onmouseout="this.firstChild.style.display=&quot;none&quot;"><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,

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!

Hey everyone! I own an airbrush graphics shop and decided to make my own website rather than pay for someone to do it for me so I've read a ridiculous amount of info on html but still need help. Heres my website twizteddezign.com I just got dreamweaver 8 and redesigned the site but uploaded from nvu because all my ftp settings were in nvu. Now for some reason I cant get the pages centered in dreamweaver or nvu (Im sure its something REALLY stupid) so could someone help me out with that? I know there are probably a hundred other things I could do better also, but like I said I'm an airbrush artist-not a web designer so any other tips would be great also.
Thanks in advance I really appreciate it.