cloudy

Author Topic: Website redesign  (Read 902 times)

0 Members and 1 Guest are viewing this topic.

Offline ctccbc

  • Posts: 100
  • Morehead City, NC
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • Firefox 12.0
Website redesign
« on: May 19, 2012, 01:23:28 AM »
In striving to make all of the information available near the top of the page, and to be a bit different from others, I have done a rewrite of my main website page. I use a "mish-mash" of some of the various scripts from the forums. Any comments welcome.

http://www.moreheadcityweather.com

Regards,
Chris

Offline KeithW

  • Posts: 696
  • 10.37R build 36
  • Angels Camp, California, USA
    • kewinter1218
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • Firefox 12.0
    • Angels Camp, CA, USA Weather
Re: Website redesign
« Reply #1 on: May 19, 2012, 04:50:13 PM »
The only problem I see, and it may be my connection, but the surface map takes a very
long time to load and while it's loading, your weather values are either blank or showing
the tag rather than the data.

Otherwise, it looks good.

-Keith
-Keith


Offline niko

  • syzygy
  • Global Moderator
  • Posts: 22,783
  • Crystal Ball broken! Please post the URL.
  • Northern California, U.S.A.
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • MS IE 9.0
    • http://www.realweatherstation.com
Re: Website redesign
« Reply #2 on: May 19, 2012, 04:54:00 PM »
I have to agree with Keith, looks good but the load time needs work. Took about 25 seconds for me.

Offline wxman1952

  • Mike
  • Posts: 33
  • Saginaw, MI
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • MS IE 9.0
    • Saginaw County Weather
Re: Website redesign
« Reply #3 on: May 19, 2012, 05:21:02 PM »
Looks good here too. I have higher speed interent for a few months with a special promotion I got, so I can't tell about the loading as its ok here. Looks good though.

Offline ctccbc

  • Posts: 100
  • Morehead City, NC
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • Firefox 12.0
Re: Website redesign
« Reply #4 on: May 19, 2012, 05:30:27 PM »
I noticed that my testtags.php didn't seem to have the right permissions. I changed it and it seems to load alot faster now. Thanks for the feedback!

Offline KeithW

  • Posts: 696
  • 10.37R build 36
  • Angels Camp, California, USA
    • kewinter1218
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • Firefox 12.0
    • Angels Camp, CA, USA Weather
Re: Website redesign
« Reply #5 on: May 19, 2012, 05:38:45 PM »
Still loading very slow for me, about 10 seconds for the surface map to load before values become valid.

-Keith
-Keith


Offline Axelvold

  • Posts: 1,072
  • Axelvold / Sweden
  • Axelvold, Sverige
  • OS/Browser:
  • iOS 4.2.1
  • Safari 5.0.2
    • Axelvold's weather and photo
Re: Website redesign
« Reply #6 on: May 19, 2012, 05:39:48 PM »
Looks good, even on my iphone. :-)

Loading time is ok here.



Offline ctccbc

  • Posts: 100
  • Morehead City, NC
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • Firefox 12.0
Re: Website redesign
« Reply #7 on: May 19, 2012, 05:48:57 PM »
Yeah, it still loads a bit slow for me at times. Don't quite understand it. Ajax is probably a bit overrated anyway. I can set up my page to update every minute, which is probably fine for most people. The software will still capture any gusts that occur during that minute and will report it, and that would really be the only variable that is greatly enhanced by the Ajax anyway. So I may just go back to a non-Ajax page updated every minute if I can't figure out how to get it to consistently load faster. I have had this problem in the past when I have gone with the Ajax stuff.

Offline niko

  • syzygy
  • Global Moderator
  • Posts: 22,783
  • Crystal Ball broken! Please post the URL.
  • Northern California, U.S.A.
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • MS IE 9.0
    • http://www.realweatherstation.com
Re: Website redesign
« Reply #8 on: May 19, 2012, 05:53:31 PM »
You can use pingdom to see all the 169 components (2.1 megabytes) that load in the page.
« Last Edit: May 19, 2012, 06:45:37 PM by niko »

Offline ctccbc

  • Posts: 100
  • Morehead City, NC
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • Firefox 12.0
Re: Website redesign
« Reply #9 on: May 19, 2012, 06:02:38 PM »
Hey thanks for that link. I'm definitely leaning toward going back to the non-Ajax version now.

Offline Bunty

  • Posts: 137
  • Stillwater, OK
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • Firefox 12.0
    • Stillwater Weather
Re: Website redesign
« Reply #10 on: May 22, 2012, 10:21:50 PM »
It may be just me, but my favorite web sites have the front page all nicely spread out in wide screen mode as in this example:  http://vermilionweather.com/index.html   It makes for a more impressive presentation with hopefully less scrolling.  Why let so much monitor space on the sides go to waste?

Offline TNETWeather

  • Kevin Reed (KrelvinAZ)
  • Global Moderator
  • Posts: 5,914
  • Gremlins are at work...
  • Mesa, AZ
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • Firefox 12.0
    • TNET Weather Station - Mesa AZ
Re: Website redesign
« Reply #11 on: May 23, 2012, 12:04:36 AM »
In my opinion, the home page (landing page) should be quick to load and not contain content types which take visitors a long time to view (Java, Large flash etc..).

I disagree with the previous comment about width for a number of reasons.

1) When you set the size of the site, you know where your boundaries are.  Make creating content much much easier when you know where things are located.  Make use of tools like Lytebox, which lets you have thumbnails of images or activities that you can click on and take up the screen makes better use of the real estate.

Quote
Why let so much monitor space on the sides go to waste?

2) Just because someone has a large monitor, don't assume they make everything full screen.  In fact, many use the extra real estate on the screen for other things.  So while analytics tells you that people are looking at your pages with 1900px wide screens, don't think they are using that all full screen.  Most aren't.

3) Horizontal scroll bars SUCK!.  They are the biggest turn off of most visitors and many simply will leave the site.  If you make your site overly wide, you get them.  People really hate them.  In most web surveys it was the #1 turn off after popups (and we really don't see popups much now days).

4) The world is changing... Mobile is getting bigger and more popular.   Lots of content on a page, large widths, huge images (not properly resized) make mobile access slower and not a pleasant.   Remember the horizontal scroll bars... we you don't see the bars but you still have to scroll...  Tables have more screen but they are still small.

The FIRST page is the first impression.  If your page is slow to load, people leave.

Menu bars with 30+ sections is most likely not very well organized.  Create major sections and then place content in them.  Use a decent search to help people find your stuff.  Use titles on your pages, amazing how many sites have the same title on every page..

Consider using tools like http://www.webpagetest.org/ to see what you are actually shoving across the net on your home page...     If you see a lot of C's, D's and F's... your site is not very well designed and perhaps you should think about reorganizing it a bit to make the important stuff load fast, and the not so important stuff be on another page.

Your visitors are smarter than you are.   I don't have any lightning stuff on my front page.  Yet when the Monsoon season starts, my lightning and radar pages light up... they know where it is.

From my perspective, when I go to a weather site, I want to find out what the current temp/hum/dewpt is... then rain info, and pretty much last unless it is really windy, wind info.  Maps, charts, graphs... I will look occasionally, but really I want the main stuff fast, quick and easy to read.  WDL is great.. but doesn't belong on front page.  Takes too long to load for the info it gives.

Normally, some one asked,  Whats the temp in .....

Otherwise, I will just go to weather.com where they pretty much give you just that.

All you need is Time, Aptitude and Desire ... and you can build just about anything...

Offline ALITTLEweird1

  • Mark
  • Posts: 4,219
  • North Bend, WA
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • MS IE 9.0
    • North Bend Weather
Re: Website redesign
« Reply #12 on: May 23, 2012, 01:24:17 AM »
Nice link Kevin. I ran my site, and not sure if this is good or not..


A  First Byte Time

A  Keep-alive Enabled

F  Compress Text

A  Compress Images

F  Cache static content

X  CDN detected
"Nature can do without man, but man cannot do without nature."

Davis VP2 + VP2 Solar + 1-wire Lightning + 1-Wire UV + Logitech Webcam

Offline Bunty

  • Posts: 137
  • Stillwater, OK
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • Firefox 12.0
    • Stillwater Weather
Re: Website redesign
« Reply #13 on: May 23, 2012, 04:07:48 AM »
From Web Page Test, I got four As, one F and one X from Chicago, using Chrome and cable.   The front page of my site is very graphics and php oriented, making it load slow, so learning about techniques for faster loading has been a priority with me..  I've found using suggestions from Page Speed good for speeding up my site down to around 4 seconds. I guess that means via cable speed. A really very high speed web page takes a second or under to load.    Still, I get Page Speed scores in the low 90s.  Some of the suggestions are rather difficult to follow, though.
« Last Edit: May 23, 2012, 06:32:22 AM by Bunty »

Offline Bunty

  • Posts: 137
  • Stillwater, OK
  • OS/Browser:
  • Win 7/Srvr 2008R2
  • Firefox 12.0
    • Stillwater Weather
Re: Website redesign
« Reply #14 on: May 23, 2012, 04:37:23 AM »
In my opinion, the home page (landing page) should be quick to load and not contain content types which take visitors a long time to view (Java, Large flash etc..).

I disagree with the previous comment about width for a number of reasons.

1) When you set the size of the site, you know where your boundaries are.  Make creating content much much easier when you know where things are located.  Make use of tools like Lytebox, which lets you have thumbnails of images or activities that you can click on and take up the screen makes better use of the real estate.

2) Just because someone has a large monitor, don't assume they make everything full screen.  In fact, many use the extra real estate on the screen for other things.  So while analytics tells you that people are looking at your pages with 1900px wide screens, don't think they are using that all full screen.  Most aren't.

3) Horizontal scroll bars SUCK!.  They are the biggest turn off of most visitors and many simply will leave the site.  If you make your site overly wide, you get them.  People really hate them.  In most web surveys it was the #1 turn off after popups (and we really don't see popups much now days).

4) The world is changing... Mobile is getting bigger and more popular.   Lots of content on a page, large widths, huge images (not properly resized) make mobile access slower and not a pleasant.   Remember the horizontal scroll bars... we you don't see the bars but you still have to scroll...  Tables have more screen but they are still small.

What I have is a personal weather site, which to me means it's more for me than the general Internet public.  After 3 years of trying,  I think I got if figured out how the front page of a weather site should look like, at least to me.  I'm a bit lazy when it comes to scrolling, so now I finally got important weather info arranged, so there's little or no scrolling needed.  There's not much on there to vertical scroll to, anyway.   Since traffic to my site soars when bad weather approaches, I suspect a good number of other people have found it works well for them, too. 

So if it's true most people don't open their browser to full screen view, so they can see other appointments, then that's not me, but then I don't always aspire to be like everyone else.

If anyone happens to be offended by the need for horizontal scrolling, then I got instructions here on how to eliminate it:  http://stillwaterweather.com/howitshouldlook.php   So with me wide weather pages RULE!  Of course, others may sharply differ.  And I have a special page for them at: http://stillwaterweather.com/oldhome.php

I have one page designed for smart phones, so I have that little detail covered.
« Last Edit: May 23, 2012, 06:07:12 AM by Bunty »

 

cumulus