Sexgenoten

The first part is almost done. My very first affiliate website ;)

There are a few thing that still have to be taken care of to finish part 1 but that shouldnt take too much time.

I'm especially curious how loading times are for u. If it feels slow or sluggish, would you mind giving your computer specs?
Alot of stuff is done by javascript/jquery, perhaps too much ;)

Any feedback would be appriciated!

www.freeteenart.com

*edit*
I prefer looking at the site in chrome on a screen with a 1920 x 1080 resolution setting.

mvc333

Your site does load a bit slow.... not painfully but there is an excessive amount of xhmlt being generated. Do you have control over the xhtml output or are you using some canned script? If you do I noticed you have a lot of commented out div tags you can remove that excess markup.

Your title tag is too sparse... FreeTeenArt.com ..... google knows your website try stuffing some good quality keywords in there.... speaking of keywords your images should all have alt tags with descriptions this is a great place for search engines as they cannot see how pretty your pictures are and therefore fail to be impressed and send traffic your way ;) They can read "Tall Stunning Blonde with Leg Stockings" though just fine and know to SEND ME THERE!!!!

I would also recommend having the output from the web server compressed both to save bandwidth and to speed up the time to download all that markup.
On the top right hand side you spelled beautiful wrong [one l]

Oh and I just noticed you must be using Ajax as the back button is unavailable. As a surfer I'd like an easy way to go back.

BTW I am running a dual core 2 ghz laptop Running Vista Business [unfortunately :[ ]

The site is very nice to look at
Good luck :D

__________________
www.TwistedMegaPass.com
www.TwistedEnemas.com

choona

The sliding green message windows get in the way of the gallery thumbnails. Change the main page to a 2 collumn layout, with gallery instructions in 1 collumn, and the thumbnails in the other.

The gallery pages don't have scroll bars. It's not a big deal on higher rez monitors, but users on smaller rez screens will need to use cursor keys to navigate the gallery.

Sexgenoten

Thanks for the reply.

I havent removed comments from my code yet, its raw so to speak.

I think during loading, the loading of the images is the bottleneck at the moment. Its not being served by apache, but instead being processed by php as the image location is not in the htdocs.

I am thinking about moving the images to the htdocs as there isnt really a valid point of keeping them out of the htdocs.
Would renaming the images help indexing keywords as well? Im not really a SEO guru...

I'll have someone look at the webserver. I thought it already send it to browsers is gzip.

I think i cannot help you with the backbutton ;) I'm trying to create a diffrent experience compared to the usual sites and i feel jquery helps me provide it.

Thanks for looking at the site, i will start updating my alpha version!

Btw, the canned script is my very own creation ;)

Sexgenoten

They are suppose to. In the top right corner, you can click them away. The website keeps track whether they are 'on' or 'off' and will act accordingly.

The (gallery) layout is not completly finished. Im working on an interface that will track the visitors screen width and height and put the htm in perspective.
The tubms in the gallery are 'clickable' and the selected thumb will scroll to the middle if the last thumb will not scoll beyond its maximum right position.

Thanks for your comments!

mvc333

Ah I didn't notice the close button tbh when I clicked on a thumbnail might want to make that a BIT more obvious.... I understand why you did it the way you did it ... the close button blends in nicely and doesn't disturb the image.... unfortunately it blended in SO NICELY I didnt even see it LOL

Also using ajax in that way you WILL have poor SEO as the search engines cannot read the other side of an ajax request. One traditional way around it is to generate static versions of each page for the search engine to consume even while you have the dynamic version for surfers.... based on the fact that you wrote the script I am assuming you'd be able to generate static outputs and just have a link to it/them from the main page..... Also I don't believe file names are that relevant as compared to alt tags.

I very much like your style ;) I'm guessing you're a software developer then eh? I am but I use C#/asp.net as opposed to php.

__________________
www.TwistedMegaPass.com
www.TwistedEnemas.com

Sexgenoten

Sounds like a good point. I will try to make it a bit more obvious.

You mean i should have seperate .html files with static content? Or a .php file which outputs all the galleries and on the main page a link to that file?

I dont consider myself a developer as i'm not developing anything for others. But i sure wish i could make a living with developing. ;)

Thanks again for the suggestions!

mvc333

What i mean is yeah if you have say 100 galleries. Each time a person clicks on one they would NORMALLY be taken to a new page... you escape that with ajax. So what I suggest is a script that creates all those individual gallery pages [gallery1.html, gallery2.html etc] and another index page that links to those static pages as opposed to loading them with ajax. Put a link to that other index page on your say with some note like ... if you dont have scripting support view the site here. Your site will not work on someones page with javascript turned off so you could not only get real search engine attention but also service those people

One note. If you do take my advice and generate the static version of your entire site... on each static page I'd put a link saying like.... to see a prettier version of the site click here. That way if they find the page on Google [which is good] they can still find your pretty version of the site

If you do not do this google will not be able to read anything past any ajax/jquery call. If you plan on using the search engines plan on having a 2nd version of your site that they can consume.
I know it sounds a bit cumbersome and to be frank it is. There are ways around it such as

blog dot quickbrownfrog dot com/2011/01/07/how-to-make-ajax-links-crawlable-with-gwt-and-google-app-engine/

However that is far more complex for a non-programmer. Either way best of luck :D

__________________
www.TwistedMegaPass.com
www.TwistedEnemas.com

mvc333

The using PHP to output the gallery that you suggested could work. Are you using mod rewrite on apache? The key is to avoid ugly query strings if possible and get something more like /gallery/01

If you have any questions I'll be around the thread :p
I guess from my standpoint I'd generate the static versions but your php gallery outputting solution should really work fine as long as you have "clean urls"
en wikipedia org/wiki/Clean_URL

__________________
www.TwistedMegaPass.com
www.TwistedEnemas.com

Sexgenoten

Well, the site is not really working like that except for loading a diffrent page.

What i have done is the following.

I have made a 'html template' inside the body, styled it with css and then hid it with css.
For example, a gallery layout. Its layout is in a gallery_container class, which visibility is hidden in css.

PHP is my friend. I have created a html template, which php populates the first time you load the webpage and inserts it in the main website template, just like smarty does ( but without the overhead ).

Every gallery has it own hidden input types where data is stored. ( populated by php ) and from those hidden inputs, jquery can display a selected gallery.

So when you click on a gallery to view, there is no post request send to the server; a javascript object if created an its members gather the data its need and executes some css stuff and animations.
It populates the still hidden gallery layout and after its done, the galleries layout css is turned visible.
Close, the gallery, and the layout gets hidden again. Open a new gallery, the old data gets replaced and then the gallery layout is turned visible again.... and so on.

I have no idea if it is a good practice or not. My objective was to minimize load on the server and have as much as possible done by the client computer.

I looked at "How to make Ajax links crawlable with GWT and Google App Engine" and it looks incredibily hard ( tho interesting) to me but besides that, i dont think it applies to my site as im not sending out request in that manner.

On a side note, displaying my images is done from the img src. It refers to an .php file and it returns one image at the time.

I think im going for the static versions in html.

Well, im off to bed but i'd love to talk more about this. I've gotten a few new ideas and prolly quite alot questions ;)

powershot

site loaded pretty fast for me ...
dual core with win 7 and latest firefox

cant read the text in the green boxes...nor in the header...its too grey ...found the green boxes annoying

Sexgenoten

Ah, good to know!

Perhaps i am being too subtle here and there. I'll have a look at it ;)

Thanks for the comments.

Sexgenoten

Well, i figured that was a good suggestion, so i started exporting the galleries as html files and made one master file in the root: galleries.html.

Filled galleries.html up with thumbnails with ahref links to the individual galleries. Gave the html files their own meta tags( but i think i forgot the title, ill make another export later )
and the images have 4 keywords in their alt tag.

Made a quick keyword generator. Nothing too fancy but it serves ( hopefully ) its purpose for now.

Wanted to set my current devolpment version live but alas, no more time. But the static html files have been set in the live version.

Do i have to alter the sitemap.xml as well for SEO purposes? I can imagine that for the main thubnail html an entry is desired but should i add all individual galleries as well in the sitemap?

On a side note, i did find exporting the galleries to html interesting regarding mobile users. With a little tweaking, you could use it as a mobile version of the website, catching two birds with one stone.

mvc333

Well I think you should have it in your sitemap especially if your goal is to give the search engine things to index. The idea being without a sitemap sometimes things get skipped. Either way I am sure you can generate your sitemap just as you are generating static html files ;)

That's a really good point on the mobile version I honestly hadn't thought about that. It really does go back to demonstrate that helping others really can be beneficial :]

One thing I noticed, the page does take a while to load on my laptop [~45 seconds] but that's ok because I have some things on the page to look at while the rest load BUT those 2 hovering boxes, the X doesn't show up until the final images load, as a user I'd like to close those before the first 45 seconds if it is going to take time to load.

I also think that you are definitely lightening the load on your server but perhaps at too much expense of the user. Honestly sending out some info via an ajax request VS another page load is already saving a lot of server load.... but the way you are doing it simply loads the user up with too much info.... I can scarcely even imagine what it would take a dial-up user to view the site O_o

In fact now that i think about it... you are probably ADDING to the server load in a sense because you are loading everything whether or not a person views the galleries right? Sending out and calculating tons of hidden tags vs just sending an id for each gallery and having the server return only whatever gallery info is needed.
Put it this way imagine you have 100 images and hidden tag sets on your page.... if a person views 10 and is off to a sponsor you STILL sent out all the info for all 100 images. You are forcing your server in a sense to prepare for the worst case scenario but in the name of server resources. consider sending out a json request to the server with a hidden field containing nothing but a unique ID and returning the rest to jquery in json... in fact I notice that your images look like they have fairly unique IDs you dont even need 1 hidden field you could just send back the image query string.
I just checked it out your html would reduce from 435k to 128k if you get rid of your hidden fields.... that's dramatic even if you are gzipping it because it's not only a smaller download its also less time the browser needs to interpret what it needs to render or not.... Anyway just my $0.02 :p

Still think the site is stunning and a bit jealous of your visual aesthetics :]

If you ever start doing any fetish TGPs in the future btw hit me up :] I've just launched my paysites and am getting started myself too!

__________________
www.TwistedMegaPass.com
www.TwistedEnemas.com

Sexgenoten

I'm glad you are getting something out of this as well. Now i dont feel bad, leeching information from you! ;)

Dialup is so 1980's!

But seriously, you may have a valid point there. Perhaps i have gone over the edge. In my development version the images are now being served by apache, php no longer processes them.
I will look into sending out an $.post request when selecting a gallery. See if it helps initial page load and doesnt create other problems.

Again, thank you for your kind words!

Well, this site is being developed to serve as a template for any niche i can think of. As it is, this site is the first of several ( for now 5) planned websites.
It has admin functionality where you can unzip & import new galleries, add descriptions & titles, add & remove keywords, activate and deactivate individual photos and alot more!

Lol, look at me, selling my own website.... too myself!

Anyway, perhaps a fetisch website isnt a bad idea at all ;) Goodluck on you paysite! Whats the url?

Thanks again for giving me food for thought!

Oh, i forgot. I dont know why i keep forgetting to use YSlow but i thought of it today and noticed that my live version had a total weight of 1462,5K and loaded ( for me ) in 2.61s.
On my developement source it was down to 875K in 1.679s.
With your suggestions, i hope to bring the total weight even lower.

egonspengler3

Quick Critique:
1. TOO SLOOOOOWW!!
2. Be judicious with jQuery/Javascript use as far as SEO is concerned.
3. Consider using a 960px width max or fluid.
4. Has great potential. What CMS is that? Or is it homemade?

Egon

__________________

Sexgenoten

1. Im working on the slowness of the page. My development version is reduced to 875K from the live versions 1462K. Im going to try to reduce it even more.

2. I have exported every single gallery to a .html file with a main galleries.html file to link from. This should help SEO. Further more, im thinking of making these files accesible for mobile phone users. I do still have to import these links in the sitemap.xml but that should be done shortly in the new live version.

3. Im still struggling with this. I feel 960px is kinda small. I am thinking about making the site user resolution respondsive, meaning, depending on your resolution all applicable div's are set accordingly to the screen width. I think it only conceirns 2 or 3 divs so it shouldnt be too hard to implement.

4. Thank you. Its homemade php, html, jquery & javascript. I must admit im using a few open source jquery solutions

BTW, what browser are you using and what screen resolution have you set?

egonspengler3

Reminds me of an astuteness from Eric S. Raymond's "The Art of Unix Programming": "Most reinvented wheels are square." Good luck. I think you have very good potential here. I'm a fan of jQuery myself.
1680x1050 on Firefox.

__________________

BWhite

Dont like green boxes which cover thumbs and make them unclickable
Too small thumbs, the close button was almost invisible for me, try to change colors

Sexgenoten

The greenboxes are clickable, the 'x' is a little too subtile i guess.

I did notice that in IE for some reason, the loading takes a little longer than chrome or Firefox.
I havent looked into it yet, but prolly a javascript function.

For now i am not gonna resize the thumbs, perhaps at a later stage.

Thanks for you comments!

Sexgenoten

Version 1.5 is live now.
Visually only a few minor changes but i've re-written alot of code, especially regarding the images. I hope the page will load faster...

Also re-written almost all of the javascript and jquery but thats more from a programming pov than speeding up the webpage.

And ofcourse, most important, more galleries ;)