How to share the same page on the PC and mobile side and handle cache issues?

PC and mobile page sharing and cache optimization in Nginx PHP environment

In an Nginx PHP MySQL environment built using the Pagoda panel, how to make the PC and mobile terminal share the same set of code while effectively using cache to avoid performance problems is a common challenge. This article will explore this issue and provide an efficient solution.

Problem analysis

Suppose the PC domain name is www.sf.com and the mobile domain name is m.sf.com , and both point to the same directory. Previous practices may use PHP code to judge $_SERVER['HTTP_HOST'] to load different CSS files and modify URLs. This method will fail after turning on the cache, because the cache directly returns to the static page and the PHP code cannot be executed.

Efficient solution: Nginx configuration implements page distinction

To solve the caching problem, we recommend using Nginx configuration to distinguish between PC and mobile requests, and directly return different HTML files. This avoids dynamic processing of PHP code and ensures cache validity.

Specifically, in the Nginx configuration file, we can add the following rules:

 server {
    listen 80;
    server_name www.sf.com;
    root /path/to/your/website; # Replace with your website root index index_pc.html;
    # ... other configurations ...
}

server {
    listen 80;
    server_name m.sf.com;
    root /path/to/your/website; # Replace with your website root index index_mobile.html;
    # ... other configurations ...
}

In this way, accessing www.sf.com will return index_pc.html , and accessing m.sf.com will return index_mobile.html . You can create index_pc.html and index_mobile.html files as needed, and include CSS and JS files for PC and mobile respectively. This ensures that when different devices access, pages are loaded that are optimized for their screen size and functionality.

Cache policy recommendations

In order to further optimize performance, it is recommended to combine Nginx's caching mechanism, such as using proxy_cache or fastcgi_cache to cache static resources (images, CSS, JS, etc.) and dynamically generated page content. Reasonably set the cache expiration time to balance cache updates and performance improvements.

Directly returning different HTML files through Nginx configuration can effectively solve the problem of PHP code failure under the cache mechanism, and realize page sharing on PC and mobile terminals, while making full use of cache to improve website performance. This method is simpler and more efficient than relying on PHP to make dynamic judgments, and is easier to maintain.

The above is the detailed content of How to share the same page on the PC and mobile side and handle cache issues?. For more information, please follow other related articles on the PHP Chinese website!