Search Results for 'header'

Hi

@orlando please check this topic where my colleague Lucian provided a possible implementation: https://forum.tagdiv.com/topic/how-to-hook-hit-counter-into-amp-header/

Thanks!

Tagdiv would need to give us a shortcode for the hit counter, which we could then add to the normal filter function you shoukd already have to add shortcode to header or footer.

Thanks Bogdan, I didn’t actually log the post headers or check if it was the ajax view count or the ajax load more posts, thanks for pointing that out.

Hello @dritanleka
Upon checking your website, I couldn’t find any advertisement code in your website source code.

You can use this tutorial https://forum.tagdiv.com/header-ads-adsense/

• This reply was modified 9 years by Amit.

See the theme docs on using the ad system to place your own ad banner in the header; and use normal html to link your graphic to whatever page you want. Simple 🙂

Theme docs explain how to use ads

https://forum.tagdiv.com/header-ads-adsense/

The NGINX vs Apache thing is a tad confusing with the latest web servers; for example I run Apache because I’ve been doing so for 20 years and know it’s tweaks; NGINX works a bit diffferent; and if I didn’t have a legacy 16 year old website to deal with we’d been running NGINX.

Funny thing, even with the new system, NGINX runs in front of Apache to serve http/2 for https, which we have not yet implemented. But the pages are served by Apache (for now).

Your server is likely running opcache/memcache with NGINX, which is good. It speeds up files requested over and over, as I stated. Local caching on your site is different, as it caches the stuff being queried for each page to speed things up since there is no lag time waiting for dbase to serve and render the page (technically with php/wordpress there are no actual “pages” on your site, they all are built dynamically).

So, you likely have a CentOS/Apache setup (as we do here), but NGINX being used for caching.

Generally, you should just tell your host you need your domain optimized for WORDPRESS, and they should be able to do the rest on the backend as far as caching, gzip/deflate, etc.

No support on weekends isn’t good for hosting provider; means they are a reseller and not a “true host” — they are reselling another company’s hosting, which is very common.

In any case, it’s a process — but some of the stuff is NOT theme specific, it’s WordPress specific, meaning the server side tweaks, and general optimization of time to live, caching, expiration headers, image compression, etc., are NOT specific to ANY theme.

So, good to make Google your friend and explore the many articles out there on “speeding up WordPress” — sites like WPBeginner, WPMU, etc.

Hey Chris,
Thank you for taking time and making real effort to help me out. 🙂

There are so many layers to your answers and everytime I read it, I find something new to look for.

Here is something important, few days back, I had issues with TD Mobile plugin theme. It was showing mobile responsive version of desktop theme on mobile but not the mobile plugin version. In an answer to my related thread ( read here) , Andrei told me that it’s happening because of strong caching enabled on my hosting site.

And hence I asked my hosting provider to disable caching and they disable all types of caching for my domain. Though after that mobile plugin theme started working but after using it for a while , I felt that mobile theme needs many more featured now. So, I disabled it.

I doubt that these Gzip/deflat things must be part of those caching system and which is currently diabled .

What do you think? Should I ask them to re-enable it?

I will also send the GTMatrix parametre to my hosting prover .I will also ask to check following things:
The following publicly cacheable, compressible resources should have a "Vary: Accept-Encoding" header:
Right?

I will re-read your all your comments and then prepare a mail for my hosting service privder.

Let’s see how it goes. Thank you very much again.

Okay well even without the mobile theme working, i have just fiddled around and suspect its because the header ad was turned on, do the resizing options on the documentation auto recognise what device is being used if it isn’t google adsense being used?

Gzip/Deflate must be properly setup and enabled at the SERVER level; above the domains, above your website; not from htaccess, theme, or WordPress. Two different things. From my test it looks like it is partially setup, but some setting you have is not compressing javascript and css files, it would appear.

a) gzip/deflate must be ON and working; then the directives tell it what to do.

b) for mod_pagspeed — that won’t work unless your host is running mod_pagespeed — and if they don’t have gzip/deflate properly setup it’s highly doubtful that mod_pagespeed is running.

As noted in various places in my long long long thread; you need to go research what some of my things DO to see if they apply to your server setup, otherwise they won’t do anything.

So, again – YOU need to contact your HOST provider, and
a) have them properly setup gzip/deflate — as right now it’s not compressing ALL your content, only some if it, which is not normal.

Your page does show this:
Results

Parameter Value
Gzip/Deflated enabled ? YES - The url is serving compressed content.
Compressed Size 41.45 KB
Original Size 327.66 KB
Savings 87.35 %
Response header
Content-Encoding: gzip

But as it clearly shows on GTmetrix; and you should provide this to your host –as I stated — to get them to fix, along with the vary accept encoding:

Enable compression for the following resources to reduce their transfer size by 401.2KiB (80% reduction).

Compressing https://tomatoheart.com/wp-content/themes/Newspaper/js/tagdiv_theme.js could save 391.9KiB (80% reduction).
Compressing https://tomatoheart.com/wp-content/plugins/ytsubscribe/ytSubscribe.js could save 4.0KiB (69% reduction).
Compressing https://tomatoheart.com/wp-content/plugins/wp-facebook-login/public/js/facebook-login.js could save 2.3KiB (66% reduction).
Compressing https://tomatoheart.com/wp-content/plugins/akismet/_inc/form.js could save 382B (54% reduction).

That is what is hurting your site speed/rating.

So, that’s about all the help I can provide there

In our setup, we have the server setup to serve gzip/deflate and vary accept encoding without having to add the <IfModule mod_deflate.c> section you have in your file.

Sorry not a better answer 🙂

Hey Chris,

Gracious !!!

Thank you for the detailed explanatory reply. As far this system status ( https://snag.gy/P2ApmR.jpg) to be believed , my host run on Apache server and hence the HTACCESS codes written by you under this thread should be valid.

As per recommendation, I started my HTACCESS file with :

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

and then I added following code after default rewrite codes of WordPress:

AddType text/javascript .js
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
 
# 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"
ExpiresByType font/truetype "access plus 2500000 seconds"
ExpiresByType font/opentype "access plus 2500000 seconds"
ExpiresByType application/x-font-woff "access plus 2500000 seconds"
ExpiresByType image/svg+xml "access plus 2500000 seconds"
ExpiresByType application/vnd.ms-fontobject "access plus 2500000 seconds"
</IfModule>
# END Expire headers
 
# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers
 
<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
 
<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
 
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>
 
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?tomatoheart.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

The last code is to prevent hotlinking. Now as far I can read understand from your comment , the above written codes must have taken care of the required gzip/deflate settings through HTACCESS and should add up to 20 points to my score , but it didn’t happen 🙁

I still have these settings under htaccess and have also modified functions.php but the icrement in Pagespeed is only 2-4 points. On other side, I do feel my backend and homepage little faster while using after adding all these things. But there is no such impact on GTMAtrx score.

As you have mentioned :

Enable compression for the following resources to reduce their transfer size by 424.8KiB (79% reduction).

When I have already configured HTACCESS to compress it, why is it still showing there? AM I doing something wrong?

About Image optimisation thing, I use “Insanity plugin” to reduce file size while uploading the image and”optimus plugin” to compress it. the JPEG compression is set to 70 because I am worried to set it to 50 ( as recommended by you) because of the need of image quality. Since I am doing various changes, I will force regernerate and optimise images once I finalise all design aspect of my site.

Though I also tried checking GTMatrix points for my post page ( https://gtmetrix.com/reports/tomatoheart.com/vW3rCLXw ) , but it’s even worst than the homepage ( PAGESPEED SCORE: 53, YSLOW: 51)

about your second reply ( server side optimisation) , Being fron a non-programmer background, I will copy this comment and send it to my hosting provider to ask if they need to do anything.

Do you think there is something you can comment on my current situation.

Thank you.

• This reply was modified 9 years by Nano.

Also, your host really should be serving up this one properly:

The following publicly cacheable, compressible resources should have a "Vary: Accept-Encoding" header:

I had to get this setup properly on our new server that went live Aug 5, also. SO, have your host fix that; and send them that section with the files — basically the css and js should be serving the “vary …” thing. And that is also part of the proper setup of the gzip/deflate.

What i want is to remove the entire header on mobile (logo, search, menu).

I tried everything you suggested in other threads, but nothing worked.

Also, i’d like to move the logo to the left, and the header ad to the right (on desktop). Wasn’t able to do that either.

Thanks

Hi Bogdan,
I have already setup the get-header related soultion provided by your and Andrei. I haven’t expereinced nor been reported by any of my authors for any such new errors but even before, it used to appear only few times. Let’s see if gets solved.

and yes, based on https://forum.tagdiv.com/system-status-parameters-guide/ , my hosting system is 2 times more capable than the recommended requirment set written there. My memory limit set to 128MB by hosting provider based on my request and it’s google cloud based capable managed WP hosting service.

Do you think in any possible way the “get header” issue can cause “fatar error” too ? just asking.

I will keep you updated if I will get reported again about this.

Hello Devs,

Are these method still valid? I have tried to implement the process that Lucian suggested in his reply but the screenshot that he had used to show the location is now not working and is invalid. Here is his screenshot link: http://screencast.com/t/a8B0TRtck

I am using WP Facebook Login ( Link ) and it supports following code :


<?php do_action('facebook_login_button');?>


It also supports the following shortcode:


[fbl_login_button redirect="" hide_if_logged=""]


Please let me know where should I add this code? Which code should I insert there the php code or the shortcode? As some commenter suggested above, it should be added here: public_html/wp-content/themes/Newspaper/parts/header/top-menu.php

but then the guy who insitiated this thread said that the code should be added “td_login_widget.php”

I am super confused. This is very important thread and have been referred by many of you under various posts. It will be really great if you can update the solution based on the current requirement.

Thank you very much.