Search Results for 'header'

Pagespeed mod test update: settings 0.4

Google Pagespeed 93/100 on main GPS Insight
page: http://ga-ga.com/1262/fiction-area-code-666-part-18-del-arton/
– google adsense – no ads for test
– addthis plugin replace social media buttons with single button ‘on’
– gravatar loaded dynamic over network for author box

todo:
1) load author image locally either with plugin, or add field to functions.php to add new user datafield, then call user meta for the field instead of gravatar code.
2) reduce server response time — typical is 0.32 seconds (320msec) up to 4 seconds; but Google now saying <200msec is the “ideal” — not sure tradeoff on optimizations for everything else; but I did see a post the other day about server tweaks to speed up “first byte” load of WordPress pages to deal with that so called “error.” Solving this would negate the penalize from Google AdSense being on.
3) super annoying “reder blocking” CSS almost “quashed” and ironically the error is from mod_pagespeed trying to fix:

Optimize CSS Delivery of the following:http://ga-ga.com/…ootstrap.css.pagespeed.cf.n0P3fhMJJz.css
http://ga-ga.com/…/A.style.css.pagespeed.cf.JAYrGYtjNo.css

– so in typical GPS fashion, one Google product complains about another Google product which is designed to fix the complaint in first place (ARGH!). This one will take some playing around with the “filters” which is where I got stuck this past weekend.

Hope this is entertaining somebody 🙂

and I forgot to mention here is the code I’m using in my htaccess file for mod_pagespeed testing, in addition to CoreFilters being on from the main .conf file at server level, eventually this would be a <directory> directive in the .conf and not in htaccess for better optimization.

<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters move_css_to_head
ModPagespeedEnableFilters combine_css
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>

CHANGE to my prior htaccess code for expire headers to solve one javascript file for comments in the core wp code:

AddType text/javascript .js

# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>

I also added these to the end of the htaccess after the cache control headers, to solve the ETag problem and also the damn spammers hitting my ping script.

<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>

AS EVER: do not make changes to any of your files/settings unless you have backups done.
THis is all experimental at this point; when I have a solid Apache-friendly setup, I will share all the settings in all the files for those interested in this discussion. 🙂

Cheers,
Christopher Simmons
member: PRSA, ASCAP
CEO, Neotrope®
Torrance, CA, USA
(please don’t call me asking for help on anything at this point in time; I will resume my consulting biz once I have my own ducks back in a row, as it were!)

• This reply was modified 12 years by simchris.

Also, is there a way to delete the Ad in header? I want only my centered logo there, without the ad. It currently looks like this – http://prntscr.com/2jse23

Another problem with the header – if the logo is bigger than the set size, the header menu moves to the top of the browser BEFORE it’s supposed to. It looks like this – http://prntscr.com/2jsfi7

Is there a way to fix that, or can I only upload an 300×100 px logo? 🙁

Oh my God, sorry, I forgot to paste the link to the Twitch pluging I’m trying to use. Here it is – http://wordpress.org/plugins/marctv-twitch-status/
I’m just not sure how to install it properly and thought, that maybe you could give me a hint 🙂

I put tagDiv’s facebook in the social counter, but it’s still bugged – it shows 0 likes. YouTube also doesn’t seem to work, but Instagram on the other hand shows the correct ammount 😛 http://prntscr.com/2jrwdd

I’ll try to dig into the missing titles problem a little more. If I can’t get them to work – I’ll message again 🙂

Thank’s for the info about logo being the only thing in the header, it’ll really help me out 🙂

And lastly, about that twitch player on the STREAM page. Is there any way to make it take ALL of the website’s width? Currently it’s bound to the middle of the page, but I would like it to me as wide as the whole website. Is that possible?

Best
Bartek

Great Marius!

Thank you 😉

Hello,

I hadn’t upload the same logo in the header online, to avoid to show the problem at all my readers. For this, I made those screenshots.

Howeaver, now you can see the problem online. Same logo on the header and footer, but you can clearly see the difference. The logo on the footer is perfect, that on the header is “cloudly”, not clean.

Site: http://www.webhostingmagazine.it/

Logo header: http://www.webhostingmagazine.it/wp-content/uploads/2014/01/logo-whm-p-new2.png

Logo footer: http://www.webhostingmagazine.it/wp-content/uploads/2013/07/logo-whm-p-new.png

How can I resolve the isse and give at the “logo header” the same effect and quality of the footer’s logo?

Thank you Marius,
Regards

• This reply was modified 12 years by Anna1986.

Hi, Radu!

I’m just glad you figured out a way to do the async ads (remember my post way back in the “coding” category). That is one tricky beast!

By the way … one way to make a quick and easy “web safe fonts” methodology for folks would be to change the default fonts in your main style.css to something like this:

font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif

font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif

and then by default folks could simply leave fonts as “default” in the theme customizer; -or- switch on the Google fonts if they needed them.

This would be a super simple way for you to answer everybody’s thing about fallback to web-safe fonts without having to recode.

Just use the above in your style vs the Google fonts, and then let people turn “on” the Google fonts to match your demo.

OR: you could provide an alt-stlye.css using above replacement, and then tell folks in docs to rename to style.css to use web safe fonts.

Just an idea 🙂 (I was playing around with that).

Of course, this doesn’t solve the load of the fonts in the functions.php file by default, but a savvy person could strip that out if they knew they only wanted to use web fonts.

I could post a how-to on this ‘hack’ but I’m going to presume at some point it would be better to have the Google fonts be optional “all off” and “don’t load in header the pulls to Google CDN” vs doing hacks.

Thinking out loud. 🙂

Atello, la versión móvil tiene ese problema con algunas medidas, yo lo solucioné de momento alterando el tamaño del logo, pero puedes introducir algunos cambios en el header para acomodarlo mejor o de menos quitar el espacio superior en blanco.

De cualquier forma quedaron ,de solucionarlo este mes y se viene una actualización importante de esta plantilla, así que a pesar de que suena difícil, te sugiero tener un poco de paciencia. Mi problema es básicamente con las reseñas, pero de momento uso un plugin aparte. 🙂

Por cierto, creo que si van a poner el feed Twitter y el cuadro de Facebook, deberían ubicarlos en el sidebar de la derecha para que sea más visible, e igual me parece que luce mejor que cuadro de Me Gusta salga con las caritas de la gente que le ha dado like, siempre motiva más para los usuarios nuevos.

Saludos y éxito con el proyecto, si en algo puedo ayudar en la medida de mis posibilidades estamos en contacto.

• This reply was modified 12 years by Arved007.
• This reply was modified 12 years by Arved007.
• This reply was modified 12 years by Arved007.

anyone?

PS. I added this to the custom template (based off single.php), towards the top:

//read the current author object - used by here in title and by /parts/author-header.php
$part_cur_auth_obj = (get_query_var('author_name')) ? get_user_by('slug', get_query_var('author_name')) : get_userdata(get_query_var('author'));

`
I thought that would do it but I’m still not getting results as in the previous examples.

Hi, @evdb
glad all the rambling helped 🙂

For those who are trying to work with the “step up” on speed from caching, such as using mod_pagespeed and then an optimized .htaccess code block, I found this article super helpful, and is somebody else who is a couple steps ahead of my efforts with the whole “make the server do the work, not a plugin” mentality.

http://customerhelp.co.za/wordpress/optimizing-linux-apache-for-wordpress-blogs-memcached-mod_pagespeed-expires-headers-mod_deflate-gzip.html

Hello Marius,

the problem is that the logo (298 x 124), in footer looks well, but in the header, it seems no clean as on the footer, but cloudy. Perhaps, because in the header it is resize automatically? It’s very strange. I would like understand and resolve, this situation.

Thank you

• This reply was modified 12 years by Anna1986.