[Aleao]

Hi,

sorry, im not talking about the header future image option, but about the title and image that I adjust under appearance –> adjust

check out my site please. http://www.natural-language-system.de

their is einfach sprachen lernen and the symbol (globe) next to it, it is linked to home, but I would like to link these two points to other sites, as this is where many people click on.

Thank you a lot and happy xmas

[Aleao]

Ok,

maybe next time. Thank you very much for your time.

Greetz

[Aleao]

Hi,

thank you for your reply. I know that including the css into header is not done with your theme. It can be easily fulfilled with autoptimize plugin. For that I just need the above the fold – css file.

I am currently using w3 total cache plugin, and the files are already reduced in sized and combined.

The last final step to make this theme speeding like crazy is really to sort this css file out.

I will try to explain me a bit better, sorry for any misunderstanding.
Well normally when you load the website the css file(s) are loaded and then the website is rendered, right?

Well, you can combine many css files to one which speeds it up a bit.
The best way though is to split the design relevant css information into two files. One contains just the elements needed to load the part of the website you see without scrolling, just the way its loaded, what is called “above the fold”

The rest is like elements not needed for that part and that is why these design elements can be loaded and rendered after the first visible part is done.

In order to do so one would need the two mentioned css files, one for the visible elements upon loading and one for the rest of the elements.

I try to create this “critical” above the fold line” with the website mentioned, but the result is somehow not convincing. Which is why I thought you guys could have look on this website, take your standard landing page css code and run it through the website. As you know the names and everything of your own template you might could sort it out to make it all correct, taking away or adding design elements that are not in this generated critical css file.

With that golden piece of css file I could just go into my autoptimize plugin, add it and that code will be added directly to the header of the template.
Therefore it will be loaded first and no additional requests are needed –> speeding up the template.

If you could give support here would be great.

Thank you very much
Kindest regards

[Aleao]

Hi,

nope. CSS “Above the Fold” means, that you have one CSS file that includes all the elements of a website, that can be seen without scrolling down yet.

This CSS code can be put in the header, so that there is minimal server request and the important elements of the website can be loaded as fast as possible. The rest of the elements like footer for example are loaded after that.

Google recognizes if the “above the fold” content is prioritized which such an CSS and gives extra points in ranking and speed check.

I tried doing it with the following webpage, but the result wasn’t convincing

http://jonassebastianohlsson.com/criticalpathcssgenerator/

Have a look, that is good stuff, to make your templates even faster.

Thanks for your time.

[Aleao]

Hi, thanks again.
Last question. any idea how to get a proper CSS with all the things “above the fold” to improve speed. That would be a big helper.

Can you quickly generate this somehow?

Thanks a lot.

[Aleao]

OH HI,

glad to be able to give something back to the community.

Ok, recipe cook book I applied:

Plugins:
autoptimize –> activate advanced settings and check option to put all css instruction into header, which did the main trick, all the other options like java and css optimization also installed,

then use crazy lazy

and w3 total cache

what is also very important is to put into your htaccess the following code:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 1 month 1 days”
ExpiresByType text/html “access plus 1 month 1 days”
ExpiresByType image/gif “access plus 1 month 1 days”
ExpiresByType image/jpeg “access plus 1 month 1 days”
ExpiresByType image/png “access plus 1 month 1 days”
ExpiresByType text/css “access plus 1 month 1 days”
ExpiresByType text/javascript “access plus 1 month 1 week”
ExpiresByType application/x-javascript “access plus 1 month 1 days”
ExpiresByType text/xml “access plus 1 seconds”
</IfModule>

and last but not least when you use jetpack than deactivte the java script devicepx

http://swashcap.com/blog/2013/07/removing-devicepx-jetpack-js-for-wordpress/

thats what brought me this speed boost,

but high, I would be glad to figure out these other points, like “above the fold” css.
Would be great if the template had this included, and also an option to load different pictures for mobile use.
Any chance?

Thanks a lot

[Aleao]

Hi guys, ok I trust you with that.
I have another point to make.
I use http://www.seorch.de to check SEO,

so when I type my domain: http://www.natural-language-system.de
it gives me the hirachry of my headings:

I see

h1 – Tags (ok, you explained me now)
Sprachen lernen
Sprachen lernen? – Einfach sprechen!

h2-Tag(s)
Fliessend sprechen – NLS Methode
Primary Menu (!!! Where can I get this changed or taken out or adapt???)
Sprachkurs für Anfänger – nur 8,99€.Â
….

The primary menu under H2 is not really what i want there
How can I get it solved?

Thanks a lot

[Aleao]

ups, was supposed to be thank uuuu

[Aleao]

Ohhhh, here we go, that was the missing hint, screen options.
Now it works all great.

thank us

[Aleao]

Hi so finally i have figured it out somehow,

so the solution is that you can change the layout as you have said but only for posts not for pages, so if you want to play around than one has to decide to make this page as a post.

Thanks for supporting me

[Aleao]

Hi,

yes, if I use a sidebar as default set in appearance –> theme options – layout options, then all pages are with this sidebar and a decentered text.

I would like to have some pages without sidebar, just centred text, but if I go to single page I can only set the page attributes from default to blog,

if I set blog, then all my content of the page disappears.

I would just like to have sidebar on one page and no sidebar on another.
Any way to deactivate this by using css?

Thx a lot

[Author]

Posts