Un utente ha chiesto informazioni su Fixing WordPress di Wordpress

Effetto pagina velocità pagina Ajax

Un utente ha chiesto 👇

Ciao
Ciao
Ho una domanda sulla nuova funzione che ho aggiunto al sito, ajax carica più post per il tipo di post personalizzato, ma penso che stia rallentando il caricamento della mia pagina, ci vuole un po ‘per terminare lo scorrimento e fare clic sul pulsante Altro caricamento attendere che il caricamento della pagina completo funzioni, esiste un modo per evitarlo o per velocizzare il caricamento della pagina?

1. Ho pensato che forse questo codice fosse solo limitato nel lavorare per questo modello, come posso restituire questa funzione utilizzando if (template_name) {
}

function.php

//load more
add_action('wp_ajax_load_posts_by_ajax', 'load_posts_by_ajax_callback');
add_action('wp_ajax_nopriv_load_posts_by_ajax', 'load_posts_by_ajax_callback');

function load_posts_by_ajax_callback() {
    check_ajax_referer('load_more_posts', 'security');
    $paged = $_POST['page'];
    $args = array(
              'post_type'      => 'books',
              'post_status'    => 'publish',
              'posts_per_page' => 5,
              'order'          => 'DESC',
              'paged'          => $paged,				 
            );
    
    $my_posts = new WP_Query( $args );  
    if ( $my_posts->have_posts() ) :
        ?>
        <?php while ( $my_posts->have_posts() ) : $my_posts->the_post() ?>
 
            <?php get_template_part( 'template-parts/content', 'page' ); ?>
           
        <?php endwhile ?>
        <?php
    endif;
 
    wp_die();
}

Il mio codice di script

     
	// {ID} is any unique name, example: b1, q9, qq, misha etc, it should be unique
	let ajaxurl = "<?php echo admin_url( 'admin-ajax.php' ); ?>";
	let page = 2;
        jQuery(function($) {
	   $('body').on('click', '.loadmore', function() {
		 var data = {
		'action': 'load_posts_by_ajax',
		'page': page,
		'security': '<?php echo wp_create_nonce("load_more_posts"); ?>',
		'max_page': '<?php echo $my_query->max_num_pages; ?>'
					        };
					   

		$.post(ajaxurl, data, function(response) {
		console.log()
		$('.content').append(response);
		    page++;    
                })
					        
		if(page == data['max_page']){
			$('.loadmore').fadeOut();
                }
           });
        });
</script>

Grazie ragazzi

(@bcworkz)

2 anni, 1 mese fa

Non ne sono sicuro, ma lo penso .append() la modalità deve attendere il caricamento della pagina prima di poter aggiungere. Anche se mi sbaglio, la strategia migliore è caricare la tua pagina più velocemente. Le pagine lente sono un problema anche senza Ajax.

Migliorare la velocità della pagina richiede un approccio su più fronti per affrontare tutti i miglioramenti razionali. Le immagini di grandi dimensioni spesso causano pagine lente. Sono più che necessari sia in termini di pixel che di dati. Sii molto aggressivo nella compressione delle immagini ed evita i file .png. Quindi crea semplicemente un pixel grande quanto necessario per adattarsi al loro contenitore.

I plugin che ottimizzano i file di testo e le pagine memorizzate nella cache possono apportare miglioramenti significativi. Questi plugin richiedono una regolazione fine per ottenere le migliori prestazioni. Non sono plug and play. Per ulteriori suggerimenti, prova Google Strumento velocità pagina. Tieni presente che alcune delle raccomandazioni di questo strumento possono essere pratiche da implementare. Ad esempio, il differimento sotto il CSS pieghevole è molto difficile da completare sulla maggior parte dei siti WP.

Lanciatore di thread

(@madebymt)

2 anni fa

@bcworkz
Grazie mille per il vostro aiuto! Ottimizzo immagine, gzip e cache. Cercherò di vedere se posso fare qualcos’altro per migliorarlo.

Grazie!!

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *