tonjoo / pwa-optimizer Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 4.0 271 KB

Add Progressive Web App sauce to WordPress !

CSS 2.09% PHP 67.79% JavaScript 7.68% HTML 22.41% Hack 0.02%

pwa-optimizer's People

Contributors

Stargazers

Watchers

Forkers

ebenhaezerbm irnanto27 kholifah rahulyhg

pwa-optimizer's Issues

Save harus men save semua opsi

ketika ditekan save semua opsi harus di save ulang bukan hanya di tab itu saja
contoh : liat screenshoot
ketika awal instalasi sudah ada default value yang terpasang dan di APPLY untuk setiap options :
- asset : enable, offline mode : disable , lazy load : enable, manifest kosong, add to homescreen : kosong

Preload dibuat ada spinner nya

Preload dibuat ada gambar image nya supaya usser tau sedang loading
default cssnya diupdate kalau sedang loading bg abu2 tetap ada

sw.js harusnya tidak ada jika asset dan offline page == disable

Kondisi sekarang kalau asset = disable dan offline_page = disable. harusnya jika asset dan offline_page disable sw.js tidak ada (dan tidak memanggil sw.js)

add debug mode lazy load

pada lazy tambah opsi debug mode on / off. jika debug == on maka image dan iframe tidak direplace (tetap abu2)

No-script image

untuk image tidak terload pada saat tidak ada javascript bisa diakali dengan tag no-script. Jadi harusnya tag image yang di-produce itu hasilnya seperti berikut

<img width="300" height="175" src="data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-lazy-type="image" data-src="https://cdn-image-beta456.hipwee.com/wp-content/uploads/2018/05/hipwee-pantai_sulamadaha_djavavista-300x175.jpeg" class="lazy lazy-hidden pwa-image-responsive img-full wp-post-image" alt="" data-wpex-post-id="680909"><noscript><img src="https://cdn-image-beta456.hipwee.com/wp-content/uploads/2018/05/hipwee-pantai_sulamadaha_djavavista-300x175.jpeg"/></noscript>

Default Konten HTML offline page

gunakan berikut

Offline default nya : on
konten html :

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Offline Page</title>

	<style>
		body {
			padding: 0;
			margin: 0;
		}
		.wrapper {
			width: 100%;
			height: 100vh;
			padding: 15px;
			max-width: 480px;
			margin: 0 auto;
			background-color: #fff;
			box-sizing: border-box;
		}
		.content {
			position: relative;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
		}
		.offline-image {
			margin-bottom: 30px;
		}
		.offline-image img {
			display: block;
			width: 85px;
			margin: 0 auto;
		}
		.offline-text {
			margin-bottom: 40px;
			font-size: 16px;
			line-height: 1.6;
			font-family: 'arial';
			font-weight: bold;
			letter-spacing: .2px;
		}
		.offline-btn {
			padding: 10px 25px;
			color: #fff;
			font-family: 'arial';
			background-color: #222;
			font-size: 16px;
			border-radius: 100px;
			font-weight: bold;
			border: 0;
			background-image: none;
			letter-spacing: 1px;
			cursor: pointer;
			transition: all .3s;
		}
		.offline-btn:hover {
			background-color: #ef8426;
		}
	</style>
</head>
<body>
	<div class="wrapper">
		<div class="content">
			<div class="offline-image">
				<img src="data:image/png;base64,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" alt="">
			</div>
			<p class="offline-text">
				Koneksi terputus, <br>
				anda dalam mode offline
			</p>
			<button class="offline-btn" onclick="reload()">Try Again</button>
		</div>		
	</div>

	<script>
		function reload() {
			location.reload();
		}
	</script>
</body>
</html>

sw.js & manifest.json berbeda antara server dan browser

Bug on Options Page

Sample :
screencast-o-matic.com/watch/cFfIlgDRqj

bagian offline mode kalau disave disable suka mbalik ke enable
bagian tab lain dicek satu2 apakah berubah nggak kalau disave terpisah , contoh cara cek nya ada di video. Sepertinya yang lazy load normal aku uda cek. yang
kalau add to homescreen mati manifest.json -> searusnya tidak perlu ada

sw.js otomatis ter-refresh jika diupdate

dibuat fungsi agar service worker ngecek & memperbarui diri sendiri jika ada ubahan.

Add Versioning Function on Manifest.json, sw.js, offline-page.html

manifest.json, sw.js, dan offline-page.html suka nyangkut sehingga menyulitkan verifikasi PWA ataupun update setting manifest add to homescreen.

Idenya mirip seperti "clear cache" button pada plugin cache, jika di-klik maka url akan ditambahkan query string yang versinya akan berubah/nambah tiap melakukan clear cache.

Atau, setiap melakukan penyimpanan setting PWA, maka versinya ter-update.

Untuk versi multi language menggunakan polylang maupun WPML ga bisa pake fungsi home_url. Harus di-wrap pake fungsi lain atau filter, biar URL home tetep ke absolutnya, bukan /en/ maupun misal en.example.com

Menangani Lazy Load Pada Slider

Contoh :
https://theme.tonjoostudio.com/kensington/property/property/2506-michael-lane-se/

kadang-kadang terbuka image nya kadang tidak

manifest.json sering tidak terupdate kontennya ketika save setting

kasus

jika add to home screen di disable
offline mode di disable
add home screen di enable
offline mode di enable

ketika disable maka isi konten icon pada manifest.json tidak ada (icon:[])
ketika di aktifkan maka icon tetap tidak ti tuliskan di manifest.json. sudah coba mengisikan ulang iconnya dan deskripsinya, tetapi tidak berubah.

ketika disable makan akan menggenarate konten seperti ini

{
    "name": "Sehat",
    "short_name":  Sehat",
    "icons": [],
    "description": "",
    "start_url": "http://localhost/sehat-staging",
    "display": "standalone",
    "orientation": "portrait",
    "theme_color": "#ffffff",
    "background_color": "#ffffff",
    "related_applications": []
}

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.