Hello. How can I restart my html website/webhosting? I know it should restart automatically but when I look at my site I always have to press F5 that the site refresh. But I dont want that every guy that want look at my website and I add something new, that he have to refresh the site with F5 and most of the guys dont know about it.
Your browser will cache to make sites load faster. So you will have to tinker with your browser to disable cache (not recommended).
But I don’t want to do it. And other guys visiting the website too so there must be any way to reload the webiste from cpanel or sth like this. When I visit any other websites and they add for example a new story about sth or something like this, i dont need to refresh the site with F5 because it changes automatically. So how can I do it?
Well, then you could use .htaccess files.
Here is a snippet.
The first bit is to set files to their MIME type, so that the second one (which is to manage cache) will work. The bit which says ‘access plus x’ determines how long it will be cache. There is also a default that says ‘access plus 1 year’, just replace it with ‘access plus 0 seconds’
# Data interchange
# 2.2.x+
AddType text/xml xml
# 2.2.x - 2.4.x
AddType application/json json
AddType application/rss+xml rss
# 2.4.x+
AddType application/json map
# JavaScript
# 2.2.x+
# See: https://html.spec.whatwg.org/multipage/scripting.html#scriptingLanguages.
AddType text/javascript js mjs
# Manifest files
# 2.2.x+
AddType application/manifest+json webmanifest
AddType text/cache-manifest appcache
# Media files
# 2.2.x - 2.4.x
AddType audio/mp4 f4a f4b m4a
AddType audio/ogg oga ogg spx
AddType video/mp4 mp4 mp4v mpg4
AddType video/ogg ogv
AddType video/webm webm
AddType video/x-flv flv
# 2.2.x+
AddType image/svg+xml svgz
AddType image/x-icon cur
# 2.4.x+
AddType image/webp webp
# Web fonts
# 2.2.x - 2.4.x
AddType application/vnd.ms-fontobject eot
# 2.2.x+
AddType font/woff woff
AddType font/woff2 woff2
AddType font/ttf ttf
AddType font/collection ttc
AddType font/otf otf
# Other
# 2.2.x+
AddType text/vtt vtt
</IfModule>
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
# Serve all resources labeled as `text/html` or `text/plain`
# with the media type `charset` parameter set to `utf-8`.
# https://httpd.apache.org/docs/current/mod/core.html#adddefaultcharset
AddDefaultCharset utf-8
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
# Serve the following file types with the media type `charset`
# parameter set to `utf-8`.
# https://httpd.apache.org/docs/current/mod/mod_mime.html#addcharset
<IfModule mod_mime.c>
AddCharset utf-8 .appcache \
.atom \
.css \
.js \
.json \
.manifest \
.map \
.mjs \
.rdf \
.rss \
.vtt \
.webmanifest \
.xml
</IfModule>
<IfModule mod_expires.c>
# Automatically add the `Cache-Control` header (as well as the
# equivalent `Expires` header).
ExpiresActive on
# By default, inform user agents to cache all resources for 1 year.
ExpiresDefault "access plus 1 year"
# Overwrite the previous for file types whose content usually changes
# very often, and thus, should not be cached for such a long period,
# or at all.
# AppCache manifest files
ExpiresByType text/cache-manifest "access plus 0 seconds"
# /favicon.ico (cannot be renamed!)
# [!] If you have access to the main Apache configuration
# file, you can match the root favicon exactly using the
# `<Location>` directive. The same cannot be done inside
# of a `.htaccess` file where only the `<Files>` directive
# can be used, reason why the best that can be done is match
# all files named `favicon.ico` (but that should work fine
# if filename/path-based revving is used)
#
# See also: https://httpd.apache.org/docs/current/sections.html#file-and-web.
<Files "favicon.*">
ExpiresByType image/x-icon "access plus 1 hour"
</Files>
# Data interchange
ExpiresByType application/atom+xml "access plus 1 hour"
ExpiresByType application/rdf+xml "access plus 1 hour"
ExpiresByType application/rss+xml "access plus 1 hour"
ExpiresByType application/json "access plus 0 seconds"
ExpiresByType application/ld+json "access plus 0 seconds"
ExpiresByType application/schema+json "access plus 0 seconds"
ExpiresByType application/vnd.geo+json "access plus 0 seconds"
ExpiresByType text/xml "access plus 0 seconds"
# HTML
ExpiresByType text/html "access plus 0 seconds"
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
# Where needed add `immutable` value to the `Cache-Control` header
<IfModule mod_headers.c>
# Because `mod_headers` cannot match based on the content-type,
# the following workaround needs to be done.
# 1) Add the `immutable` value to the `Cache-Control` header
# to all resources.
Header merge Cache-Control immutable
# 2) Remove the value for all resources that shouldn't be have it.
<FilesMatch "\.(appcache|cur|geojson|ico|json(ld)?|x?html?|topojson|xml)$">
Header edit Cache-Control immutable ""
</FilesMatch>
</IfModule>
</IfModule>
Ok thanks. And that file under, that you sent me, what should I do with it?
Sadly, that is not how the internet works. A browser sends a request for a page, the server responds with a page, and that’s it. Nothing changes unless the browser requests a new page.
You could run some Javascript in the background which periodically refreshes the page, possibly checking for new content. Some development tools even have an auto reload option that refreshes the browser when a file changes. But none of these things are typically used in production (or provide a good user experience).
But this is not possible with just HTML or server configuration, because it requires the visitor’s browser to trigger a reload.
5 Likes
okay thank you
So that means the .htaccess snippet i gave is useless? Unless the vistor closes his browser then reopens it?
Your snippet controls browser caching. It’s not useless, but I don’t think it’s what @woxik17 actually was looking for. Or I may have misunderstood the question.
Your snippet helps to make sure that when people refresh the page, they see the latest content. But if I understand @woxik17 correctly, the goal was to automatically refresh the page for everyone when the content changes.
2 Likes
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.