Get content on top of code?

Hi Freeway magicians,

With my newfound flexible layout skills, I went back and rebuilt my business site from scratch, adding a few upgrades along the way. It’s holding together quite nicely and looks pretty good I think.

link is www.macrisdirect.com

Question is… is there anyway to have the cool effects… accordion… mootools slideshow… css menus… without pushing my actual content to 8,000 pixels down on the source code?

The website that has the #1 google position has his content begin directly after the head. Mine is all script until 2/3rds down the source code page. I’m considering ditching all the cool stuff just to get a higher placement.

A few other things I’d like sorted out if anyone has a clue here…

  1. mpg4 videos imported into freeway and alt tags seem to be incompatible in my case. I pulled my hair out on this one. Every time I’d import a video, it would disappear upon previewing or uploading. Finally, I decided to omit the alt tag and it worked. Presto!

  2. I seem to be getting some validation errors using the mootools slideshow… there are ten of these, two for every slide. Here’s a sample.


Line 375, Column 565: required attribute “alt” not specified.
…ces/holiday_teaser_slide_moo-ss.jpg"/><img class="thumbnail jdGalleryInvisibl
:email:
The attribute given above is required for an element that you’ve used, but you have omitted it. For instance, in most HTML and XHTML document types the “type” attribute is required on the “script” element and the “alt” attribute is required for the “img” element.

Typical values for type are type=“text/css” for and type=“text/javascript” for .


This seems to be the only issue preventing me from proudly displaying the badge.

Any help on any or all would be most appreciated!

thanks,
Andrew Macris


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It’s going to take some serious Action-fu to gather all of the script
code and make it external. This seems possible, but there’s a serious
problem waiting in that there’s no way to guarantee that a particular
Action will fire “last”. And the Action that does this trick will
need to be sure that all scripts have generated any necessary script
before doing its thing.

Paul, if you’re listening, how did you solve this problem with your
external CSS suite?

Also, this is going to create a separate JS script for each page,
hardly the sort of thing that the Founding Parents envisioned when
they thought up the idea of script src. (The ideal is if everything
gets mashed into one file, all duplicate functions are skipped, and
thus the single script can be cached after the first page load and
never downloaded again.)

Walter

On Oct 13, 2008, at 7:56 AM, Andrew Macris wrote:

Hi Freeway magicians,

Question is… is there anyway to have the cool effects…
accordion… mootools slideshow… css menus… without pushing my
actual content to 8,000 pixels down on the source code?

The website that has the #1 google position has his content begin
directly after the head. Mine is all script until 2/3rds down the
source code page. I’m considering ditching all the cool stuff just
to get a higher placement.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The alt tags issue is my fault, as it was never coded into the Action. I will see what I can do.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Weaver… I’ll defitely be buying the action pack. Very cool stuff.

If I redesign my page to make the slideshow come after the main content div, think that’ll help?

Andrew


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The code will still be there at the top of the page, because that’s
where page-level code “goes”. Really, Google should be skipping the
HEAD, they don’t ever pay much attention to the CSS or script
elements. But putting your main content first (in source view) is
never a bad idea. You can change the sort order of code in your page
by changing the back-to-front order of the elements on your page.
This will have no impact on your layout (unless you are designing in
an inline “box-model” manner).

Walter

On Oct 13, 2008, at 9:47 AM, Andrew Macris wrote:

Thanks Weaver… I’ll defitely be buying the action pack. Very cool
stuff.

If I redesign my page to make the slideshow come after the main
content div, think that’ll help?

Andrew


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Walt,

Yes, I’ve converted to a box man. The layout is completely inline. I actually prefer it now. I have much fewer problems across browsers.

Andrew


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 13/10/08 (at 10:32 -0400) Walter Lee Davis said:

The code will still be there at the top of the page, because that’s
where page-level code “goes”. Really, Google should be skipping the
HEAD, they don’t ever pay much attention to the CSS or script
elements. But putting your main content first (in source view) is
never a bad idea.

Both things are true. Basically, having a big ol’ lump of code before
your content shouldn’t make any difference to the Google ranking or
indexing. (The difference in ranking between the competitor’s site
and the original poster’s will be down to a myriad of other reasons.)

But it is not a bad thing for other reasons to try and get your
content through the door earlier in the page load process rather than
later.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Did you create that Flash design on your home page or did you use a template? I would love to use that on my web page.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The thing is, if you externalize these big lumps of code, the page
won’t load any faster. A script tag and a script src tag are
identical from the browser’s perspective. If anything, a script src
will be slightly slower, because another request (besides the current
page) has to be queued up and moderated, just like if you add another
image to your page.

But where this really sits up and starts paying you back is when you
load the exact same script into all of the pages of your site. All of
a sudden, that 20K of script is a one-time ordeal, never repeated as
long as the script doesn’t change and thus trigger a cache reset.
Even repeat visits to your site on different days will not reload the
file, only check to see if it’s changed in the interim and then load
from your browser’s disk cache.

Walter

On Oct 13, 2008, at 12:26 PM, Keith Martin wrote:

But it is not a bad thing for other reasons to try and get your
content through the door earlier in the page load process rather
than later.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 13 Oct 2008, 4:54 pm, bdkennedy1 wrote:

Did you create that Flash design on your home page or did you use a template? I would love to use that on my web page.

It’s the mootools : Slideshow Gallery that is being used. No flash there. Found on Weaver’s site as part of the mootools package.

http://www.coastalrugs.com/Actions/mootoolssuite.html

BTW, nice box-model there.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Alright, alt tags sorted. The update won’t show in the demo for quite a while.

Contact me directly (at email address in bottom right of each action instance, where you can pull up the action version; or via my actions site) and I will get you a copy to clear up the alt tags.

To everyone else: This ‘fix’ will be included with the next round of bug fixes/enhancements for Mootools. Contact me if you’re particularly antsy.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Do you think you could post the code here that you used for your slideshow?

Usually tools like this include a CSS form where you can set the configuration options, but I really don’t want to spend all day figuring out how to configure this.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

it’s actually super easy. Just download the action, plop in some images and go. No need to dig through the code. You can choose a traditional fade in and out, a horizontal or vertical slide, or a combination of horizontal and fade. That’s the effect on my page.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Lets not forget where the credit ultimately belongs for this effect:

http://smoothgallery.jondesign.net/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Site now validates xhtml 1.0 strict.
There seem to be problems with the slideshow.css in the CSS validation though. Did I screw something up?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options