- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsWhat is Ajax preloading?
Images do not always load even after emptying cache. Tested site on multiple devices and images maybe load half of the time.
tried multiple browsers, my phone, someone else’s phone, cleared cache, and changed it to the Instagram ID provided, and still missing images in all of those scenarios…
I can say that they show up in composer, but when saving and going live, they do not show up…
-
This reply was modified 7 years by
awilbanks.
Hi,
It seems to look weird your logo on mobile and notice that’s not the default theme’s behavior, sorry! Please remove all of the untested plugins, clear all the caches and check the results.
Thanks for your understanding!
Hi,
Seems to work on my end when I use your Instagram ID
– http://prntscr.com/luxpur
Try as a quick test to enter a different ID, like cocacola, check if that works. Then switch back to your own. Also if you use caching, clear the cache.
In case there is still a problem, send us an email at contact@tagdiv.com and provide admin login so we can investigate this. Include a link to this topic in the email.
Thanks
Hello,
I know that Google Page Insights is not a perfect tool to measure the page speed. But I have a big difference between the mobile and the desktop version:
Mobile Version 19% (https://picload.org/view/dccggriw/bildschirmfoto2018-12-14um13.0.png.html)
Desktop-Version 76% (https://picload.org/view/dccggrip/bildschirmfoto2018-12-14um13.0.png.html)
Has anyone a tipp about the reason of that?
Here is my configuration:
Ubuntu, 16 GB Ram, SSD
PHP 7.2.13
Newsmag 4.7
post_max_size = 50M
max_execution_time = 300
max_input_vars = 3000
SUHOSIN installed = false
mbstring = available
GD library = available
WP version = 4.9.8
WP multisite enabled = no
WP Memory Limit = 512 MB/request
FPM-Application about Nginx 1.14.1
pm.max_children = 100
Nginx configuration (instead of htaccess)
if (!-e $request_filename){
rewrite ^(.*)$ /index.php break;
}
location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
expires 30d;
add_header Pragma public;
add_header Cache-Control "public";
try_files $uri @fallback;
}
# Block XMLRPC
location = /xmlrpc.php {
deny all;
access_log off;
log_not_found off;
return 444;
}
# Fix for chinese icons
location ~* \.(eot|ttf|woff|woff2)$ {
add_header Access-Control-Allow-Origin *;
}
# GZIP compression
gzip on;
gzip_proxied any;
gzip_types text/plain text/xml text/css application/x-javascript;
gzip_vary on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";
WP-Rocket
Caching for mobile devices = enabled
HTML minimize = enabled
Remove static query-strings = enabled
css minimize = enabled
javascript minimize = enabled
load javascript delayed = enabled
lazy loading for pictures = enabled
lazy loading for iframes and videos = enabled
deactivate emojis = enabled
deactivate wordpress embeds = enabled
activate preloading = enabled
heartbeat control = reduced activity
Hi,
The latest update (9.2.1) should fix the lazyload issues which happened in the previous version, in some cases. After you update please clear all caches, CDN, as well as browser cache. Based on user feedback the new update fixes the lazyload problems.
In case there is still a problem, provide a link to the website so we can take a look.
Thanks
Hi,
Please make a test and deactivate all plugins that are non theme, clear all cache an try again, see if the problem persist, is possible to be a plugin conflict.
Thank you for your understanding.
Hi,
You have an image set as background image on some elements, and this server cant find the image that way is take so long to load your website
here is the error you get in console after is finis to load the website
https://www.screencast.com/t/lTMjqMOSb6UL
Please open the the homepage with tagDiv Composer the homepage and edit the element call to action
https://www.screencast.com/t/wpqgzu6PfY6L
https://www.screencast.com/t/l5vd6cd9HEb
Save the changes, clear all cache and try again.
Let me know the results.
Thank you.
Hi,
@hwhosting Please clear your browser cache and check again. I made some test with your website and the images are loading properly at all times
– http://prntscr.com/lutyjt
The modifications we made should solve the lazyload issue from the previous version.
Hi,
Such an old theme version will probably not work correctly with WordPress 5. Keep the theme updates as well not just WordPress if possible.
A changelog for the theme updates can be found here (bottom of the page)
– https://themeforest.net/item/newspaper/5489609
We continue to fix issues that are identified as quickly as possible .
Here is an update guide if necessary – https://forum.tagdiv.com/how-to-update-the-theme-2/
After you update please clear all caches, CDN if used, also the browser cache.
Thanks
Hi @neoekonomi @Mecburlar @padom,
The problem with thumbs image was fix, please make update to the theme, clear all cache and try again.
Thank you.
Hi,
I just updated my newspaper theme to its newest version.
Then, when I checked the menus, the images are not showing anymore.
I have saved the menu, cleared all the cache. Still the problem shows.
Help?
Charles
Hi,
If you deactivate the mobile theme the content that appear on desktop will appear on mobile to.
The theme make requires for Instagram feeds once 2-3 hours, if you clear the cache, then you delete the Instagram feed cache, and the theme will make a new requires for ID feed.
Thank you for your understanding.
-
This reply was modified 7 years by
Calin.
I checked an there is no php.ini file in my SFTP account.
I did update the default-constants.php page in the wp-includes directory and uploaded this but the wp super cache plugin is not allowed in this server.
I will follow this second step below:If you already checked or tried these, we could take a look. Send us an email at contact@tagdiv.com and provide admin login, also cPanel or FTP if possible. Please include a link to this topic in the email.
Hi,
The new theme update should solve all the previous lazyload issues. We made modifications to this feature to ensure that it does not fail anymore.
After you update to 9.2.1 please clear all caching including browser cache.
@tecniconapoletano I see the website uses 9.2.1, the images are displayed
– http://prntscr.com/luij6k
Let us know if you still have problems after you update, provide links to the website if possible.
Thanks
Hi,
So you say that you do not longer have this https://www.screencast.com/t/GBc4mR30AJ after update to 9.2 ?
There is possible to be a plugin conflict, please deactivate all plugins that are non theme, clear all cache and try again, also please check if the theme is still activated in Appearance>Themes https://www.screencast.com/t/hfY6ptc2c
Also please update to 9.2.1
Thank you for your message.
Hi,
For the problem with the color change can be a plugin conflict, you can try to deactivate all plugins that are non theme, clear all cache and try again.
For the problem with image please update the theme.
Thank you for your understanding.
-
This reply was modified 7 years by
Calin.
Hi
Are you saying that if I remove the TAG DIV MOBILE THEME plugin I can get my Instagram feed in the footer of my website? Do you have a tutorial or video that explains more?
Also, I did mention some concerns above.
My main concern is this: why does it take so long for my website to import or pull my Instagram feed?
I have had to be clearing cache inside the WP SUPER CACHE plugin and clearing cache on the browser on my computer in order for the feed to show up, and it still takes is own time to appear.
If my users have to be clearing their cache on their Chrome, Firefox or Explorer browsers to be able to see or get the latest Instagram feed, it makes no sense.
What am I doing wrong?
Thank you
Hi,
Please update the theme to the latest version of it. Clear all the caches and check the results.
Thanks.
Hello Eric,
Normally, my mobile score is 85 and desktop score is 99. However, I’m still working on the speed, that’s why you might have seen it as 60 :).
Anyways, I guess the tricky part is the CDN. I’m using Stackpath CDN. It has 30 days free trial. Give it a try !
Ps: There is no extra plugins in my website. Plugins that I use : tagDiv Cloud Library, tagDiv Composer, tagDiv Social Counter, tagDiv Speed Booster, WP Super Cache.
If you have further questions please do not hesitate to contact me !
Hello there,
There is no schema.org support for featured videos. I had to add myself and I want to share it with you. Maybe you’ll include this in the future releases and maybe others find it useful. Thanks.
First of all I suggest using a child theme to accomplish this otherwise you have to alter theme files and these changes might get lost in the next update. Copy under from theme folder to your child theme includes/wp_booster/td_video_support.php file (with folder structure). Change the render method with the one below;
/**
* Render a video on the fornt end from URL
* @param $videoUrl - the video url that we want to render
*
* @return string - the player HTML
*/
static function render_video($videoUrl) {
$buffy = '<div class="wpb_video_wrapper">';
switch (self::detect_video_service($videoUrl)) {
case 'youtube':
$buffy .= '
<iframe id="td_youtube_player" width="600" height="560" src="' . 'https://www.youtube.com/embed/' . self::get_youtube_id($videoUrl) . '?enablejsapi=1&feature=oembed&wmode=opaque&vq=hd720' . self::get_youtube_time_param($videoUrl) . '" frameborder="0" allowfullscreen=""></iframe>
<script type="text/javascript">
var tag = document.createElement("script");
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName("script")[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player("td_youtube_player", {
height: "720",
width: "960",
events: {
"onReady": onPlayerReady
}
});
}
function onPlayerReady(event) {
player.setPlaybackQuality("hd720");
}
</script>
';
break;
case 'dailymotion':
$buffy .= '
<iframe frameborder="0" width="600" height="560" src="' . td_global::$http_or_https . '://www.dailymotion.com/embed/video/' . self::get_dailymotion_id($videoUrl) . '"></iframe>
';
break;
case 'vimeo':
$buffy = '
<iframe src="' . td_global::$http_or_https . '://player.vimeo.com/video/' . self::get_vimeo_id($videoUrl) . '" width="500" height="212" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
';
break;
case 'facebook':
/**
* cache & oembed implementation
*/
$cache_key = self::get_facebook_id($videoUrl);
$group = 'td_facebook_video';
if (td_remote_cache::is_expired($group, $cache_key) === true) {
// cache is expired - do a request
$facebook_api_json = td_remote_http::get_page('https://www.facebook.com/plugins/video/oembed.json/?url=' . urlencode($videoUrl) , __CLASS__);
if ($facebook_api_json !== false) {
$facebook_api = @json_decode($facebook_api_json);
//json data decode
if ($facebook_api === null and json_last_error() !== JSON_ERROR_NONE) {
td_log::log(__FILE__, __FUNCTION__, 'json decode failed for facebook video embed api', $videoUrl);
}
if (is_object($facebook_api) and !empty($facebook_api->html)) {
//add the html to the buffer
$buffy = $facebook_api->html;
//set the cache
td_remote_cache::set($group, $cache_key, $facebook_api->html, self::$caching_time);
}
} else {
td_log::log(__FILE__, __FUNCTION__, 'facebook api html data cannot be retrieved/json request failed', $videoUrl);
}
} else {
// cache is valid
$api_html_embed_data = td_remote_cache::get($group, $cache_key);
$buffy = $api_html_embed_data;
}
break;
case 'twitter':
/**
* cache & oembed implementation
*/
$cache_key = self::get_twitter_id($videoUrl);
$group = 'td_twitter_video';
if (td_remote_cache::is_expired($group, $cache_key) === true) {
// cache is expired - do a request
$twitter_json = td_remote_http::get_page('https://publish.twitter.com/oembed?url=' . urlencode($videoUrl) . '&widget_type=video&align=center' , __CLASS__);
if ($twitter_json !== false) {
$twitter_api = @json_decode($twitter_json);
//json data decode
if ($twitter_api === null and json_last_error() !== JSON_ERROR_NONE) {
td_log::log(__FILE__, __FUNCTION__, 'json decode failed for twitter video embed api', $videoUrl);
}
if (is_object($twitter_api) and !empty($twitter_api->html)) {
//add the html to the buffer
$buffy = $twitter_api->html;
//set the cache
td_remote_cache::set($group, $cache_key, $twitter_api->html, self::$caching_time);
}
} else {
td_log::log(__FILE__, __FUNCTION__, 'twitter api html data cannot be retrieved/json request failed', $videoUrl);
}
} else {
// cache is valid
$api_html_embed_data = td_remote_cache::get($group, $cache_key);
$buffy = $api_html_embed_data;
}
break;
}
$buffy .= sprintf( '
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "VideoObject",
"name": "%1$s",
"description": "%2$s",
"thumbnailUrl": "%3$s",
"contentUrl": "%4$s"
}
</script>',
esc_attr( get_the_title() ),
esc_attr( get_the_excerpt() ),
get_the_post_thumbnail_url( get_the_ID(), 'featured' ),
$videoUrl
);
$buffy .= '</div>';
return $buffy;
}
For better indentation and readability see: https://pastecode.xyz/view/399f6207
Hi,
Please clear all you cache and try again, also please read this topic -> sidebar has changed from right to left and falls over content -> https://forum.tagdiv.com/topic/sidebar-has-changed-from-right-to-left-and-falls-over-content/
If the problem is still there please provide a link were I can inspect your problem.
Thank you for your understanding.
Hi,
I just test what you say, and all is working fine, the new category is appearing in the article
https://www.screencast.com/t/3nCuWClqMP8
Please make sure that you have the latest version of theme, clear all cache and try again.
Also is possible to be a plugin conflict, please deactivate all non theme plugins, clear all cache and try again.
Thank you for your understanding.
Hi,
Please make update to the theme, clear all cache and try again.
Also please deactivate all non them plugins, clear all cache and try again, is possible to be a plugin conflict.
Thank you for your understanding.
Hi,
I inspect your website gallery and your image from gallery is open with tow plugins, please deactivate all gallery plugins and let just the WP Media Folder plugin, clear all cache and try again.
If you want to disable the modal image from theme please go in Newspaper>Theme panel>Post settings> Post and content Post types
https://www.screencast.com/t/4byrbYF7e3b
Or individual on each gallery https://www.screencast.com/t/uhyos8L2f
Thank you.