News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

One Page Checkout like apple.com

Started by Eugen S., February 04, 2016, 17:10:53 PM

Previous topic - Next topic

Eugen S.

Quote from: Jörgen on February 11, 2016, 11:10:30 AM
This still need some work ....

Waiting forever at step 2.

regards


Jörgen @ Kreativ Fotografi

Yes - I worked on that yesterday. Works again.
Send me a pm ;-)

Eugen S.

Quote from: Studio 42 on February 10, 2016, 23:57:38 PM
For the checkout process :
I tested the checkout and dont think it's clear. Is apple using this ?
P.S: i dont know if you do some test, but last pageload was 48 secondes !

Not everybody likes it. It's cool

Fixed the pageload...
Send me a pm ;-)

Eugen S.

Quote from: Studio 42 on February 10, 2016, 23:49:29 PM
Hi Eugen, it's not possible ot have 100 in pagespeed.
A good score is 85 and more is wastle of time, if you have some images, JS and CSS load.
If you load all async, then your customer have broken render.
So preconised by Google, is to split your CSS, one for the main render and the other for your javascript needs.
Another important think is the pageloading time, browser cache and images.
If you want to check, you can check my pagespeeds here : https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fshop.st42.fr%2Fen%2F&tab=mobile
This is optimised at 95% and don't use CDN.
SI if i use CDN i get perhaps 92 or 93 pagespeed, but why ? This don't change anything. Google itself have not 100 but 88 ;)

You are wrong. Pagespeed 100 is absolutely easy to achieve. Check our Joomla Template at:
http://demotemfyone.temfy.com/

And the pagespeed 100 result:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemotemfyone.temfy.com%2F&tab=mobile

You don't need a CDN for Pagespeed 100.

Regarding css splitting. You need to split the css for "above the fold" and "below the fold" content. It has nothing to da with javascript.

Our own Joomla Framework handles that automatically ;-)

Summarized: Pagespeed 100 is very easy!!!

Send me a pm ;-)

Studio 42

Lol you removed all our content, so any snapshot from you site is only the text.
But if you go here : https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemotemfyone.temfy.com%2Fblog%2Flove%2Fright-time-to-say-i-love-you&tab=desktop
You have a bad pagespeed.
Use gmetrix to have great advise and don't loose your time to have a slow site with a pagespeed of 100 in Google ;)

Eugen S.

I got 100 in all 3 areas...

I havn't removed any content. Please note that this is a different joomla demo just to show you its possible...

The opc will also get 100 very soon, working on the overrides...

http://www.awesomescreenshot.com/image/988268/ee675d222e4ce8b98ccc8cc20cbf779c

and

http://www.awesomescreenshot.com/image/988276/f34340b729bd5b8240d4a9728eb4fcc3
Send me a pm ;-)

Studio 42

#20
I don't say this is not possible Eugen.
But this is not always good and if you do it right you don't have 100.
Why ?
Preconised by Google is to remove all external CSS files in head and include the CSS inside. use async for javascript ...
I know exactly how to reach a score of 100 but this not mean tha it's the best way to do. The worst tip is to include CSS in the head.
DO you think(be a little logic) it's better to reload each time a 100ko CSS or use an external cheat ?

This is OK when you don't have many CSS, but the time you use Some external javascript and CSS, you have a slower site on adding all in the head.

And to reach 100 in mobile, you have to serve bad quality images and replace it after. This slowdown your site too.
If you use image 600*800 and display this image using responsive in a width of 200, this is considerate as bad for google pagespeed too.
BUt on rotate your smartphone, you can have another resized width and need width of 600 image.

So what to do ? serve 200 pixels images and load after 600 pixels on rotate mobile ?

I think you don't get a faster shop on having 100 in google pagespeed. But perhaps you are right, my own experience never give better result on checking only on pagespeed and mostly the benefict was null after a level of 90.
Check other optimisation blogs and site, i think you find similar answer as me, if the articles are not a copy/paste from google. And sometime google contradicts himself depending the tools you use.